any-u/chrome-extension-boilerplate

Starter Chrome extension

Chrome Extension Boilerplate

Chrome插件模板

模板参考https://github.com/Jonghakseo/chrome-extension-boilerplate-react-vite

开发者指南

• yarn dev
  修改 index.html 中的脚本为开发对应脚本，然后执行yarn dev

• yarn build
  生成构建脚本，然后用 chrome 加载已解压的拓展程序引入 dist 文件

注意

• 后续构建设置emptyOutDir为false，避免再次打包清除 dist 文件夹
• 后续构建设置format为 iife，如果不设置，即采用默认方案（esm），页面执行时会声明多次公共模块，从而出现报错。用 iife 可形成函数作用域，避免报错

首次构建采用默认方案（esm)，因为background不支持esm，里面引用了chrome模块。如果设置iife，构建会出现报错iife不支持code split(代码拆分)