create-react-app创建谷歌扩展

chrome 插件

下面是我学习谷歌插件开发时看的一些文档博客

谷歌插件都有一个清单 manifest.json 文件，该文件具体编写请看我写的另一篇文章

create-react-app 初始化

npx create-react-app chrome_extension
  1. 将 src 下的 index.html 移至 public 文件夹下
  2. npm insatll 之后，修改 public 下的 manifest.json 文件，以使其满足谷歌插件的条件
  3. npm run build
  4. 谷歌浏览器打开扩展程序并使用开发者模式，导入打包之后的 build 文件

问题

  1. create-react-app默认是内联 js 文件，而由于谷歌插件引入了csp（内容安全策略）。所以无法使用内联文件

    修改 create-react-apppackage.json中build命令"build":"INLINE_RUNTIME_CHUNK=false react-scripts build"

Edit this page