ReactJS + Chrome扩展：添加background.js到构建文件夹

Question

我正在尝试使用React.js构建chrome扩展。目前，我正在通过运行yarn build然后将build文件夹拖到chrome主页中并单击扩展名以查看更改来测试扩展名。

但是，我遇到一个问题，即我无法在background.js文件夹中创建build文件来测试某些我需要在扩展程序中响应的后台事件。相关的package.json代码是

"background": {
  "scripts": ["static/background.js"],
  "persistent": false
},

我收到一个错误消息，因为构建后static/background.js文件夹中不存在static/。除了每次运行background.js时都会复制文件之外，还有什么方法可以使yarn build脚本在每次运行时都出现在构建中？ Alternativley，是否有更好的方法来测试我的应用程序作为chrome扩展程序？

Answer 1

不需要将background.js文件配置为chrome扩展的ReactJS项目。

Hu.Chen的中篇文章是我用来构建ReactJS项目作为chrome扩展的最佳资源。 https://link.medium.com/6DohXDpmaV

重要说明：此扩展程序将您的ReactJS应用程序配置为在Chrome的新标签页中呈现。

祝你好运！希望这会有所帮助！

Answer 2

您可以在 react chrome 扩展中使用背景和内容文件。这是关于如何实施它的 medium article。