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

4
我正在尝试使用React.js构建Chrome扩展程序。目前,我通过运行“yarn build”来测试我的扩展程序,然后将“build”文件夹拖到Chrome主页并单击扩展程序以查看更改。
但是,我遇到了一个问题,无法在“build”文件夹中创建“background.js”文件,以便测试我需要响应的一些后台事件。相关的“package.json”代码如下:
"background": {
  "scripts": ["static/background.js"],
  "persistent": false
},

我在构建后因为static/background.js文件不存在于我的static/文件夹中而出现了错误。有没有办法可以让background.js脚本每次运行时都会出现在构建中,而不仅仅是每次运行yarn build时复制文件?或者,有更好的方法来测试我的React应用程序作为Chrome扩展吗?

2个回答

1

不需要background.js文件来配置ReactJS项目作为Chrome扩展程序。

我用来构建ReactJS项目作为Chrome扩展程序的最好资源是Hu.Chen的一篇中等文章: https://link.medium.com/6DohXDpmaV

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

祝你好运!希望这有所帮助!


你不一定需要一个 background.js 文件夹,但是在使用 React 开发 Chrome 扩展时,有更好的方法来执行后台任务吗? - rma
我相信background.js是在构建过程中生成的。当我按照medium文章中描述的运行“npm run build”时,background.js会被放置在构建的静态文件夹中。 - Andreas Bigger

0

你可以在 React 的 Chrome 扩展程序中使用背景和内容文件。这里是关于如何实现它的 medium 文章


网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接