Skip to main content
本页把原本散落在各处的支持声明放到一起:哪些浏览器能在哪些操作系统上运行、每种框架下的“重新加载”到底意味着什么,以及哪些 CSS 工具需要安装依赖。每张表都链接到讲解具体配置的页面。

浏览器 × 操作系统

所有基于 Chromium 和基于 Gecko 的目标都能在 Windows、macOS 和 Linux 上运行。Safari 是例外:运行它需要 macOS 加上完整的 Xcode。extension build --browser=safari 在 Windows 和 Linux 上仍然会产出完整的 dist/safari 包,只是会跳过 Xcode 打包步骤并给出警告。 目标名称与相关标志见可用浏览器,Safari 的工作流与限制见构建 Safari 扩展

框架 × 开发期更新模型

每种框架都能被自动检测、打包,并在开发期获得自动更新。差别在于更新模型:一次编辑是就地热替换代码,还是重新加载整个界面。底层的分级机制见页面重载与热模块替换 (HMR)

CSS 工具 × 哪些会自动安装

纯 CSS 和 CSS Modules 是内置的。预处理器需要在你的项目里装好各自的工具链:缺失时,Extension.js 会发出警告、指出具体文件,并原样输出未编译的源码,而不会替你安装任何东西。Tailwind 走 PostCSS 流水线,需要你自己安装。

包管理器

npmpnpmyarnbundenocreatedevbuild 中都受支持。Deno 项目会生成 deno.jsonc 而不是 package.json,工具链本身与清单文件无关。Deno 相关的注意事项见创建你的第一个扩展