使用多个脚本实现Chrome扩展

时间:2018-05-17 13:57:40

标签: reactjs google-chrome-extension build

我知道反应,它将所有内容放在一个通常称为main的js文件中。

是否可以更改build on build的配置以保持一些文件分开以保持chromes “content_script”“background” “popup”完好无损?

1 个答案:

答案 0 :(得分:1)

这不是反应问题,而是捆绑问题。如果您使用的是webpack,则需要多个entry points

e.g。

entry: {
    popup: path.join('src', 'popup', 'index.js'),
    background: path.join('src', 'background', 'index.js'),
    content: path.join('src', 'content', 'index.js'),
},

在你的webpack.config.js中。

如果您对提供此功能的样板感兴趣,可以查看https://github.com/AnilRedshift/chrome-extension-webpack-boilerplate