CRA Webpack-将不同的文件夹输出到单独的文件

Question

我有一个作为Chrome扩展程序构建的CRA应用程序。在我的src文件夹中，有一个脚本文件夹，其中包含3个文件夹：

1. 背景
2. 内容
3. 弹出

每个都需要单独构建。

• background-> background.js
• content-> content.js＆content.css
• 弹出-> index.html，main.js和main.css

在我的Webpack配置中，我有以下内容：

  entry: {
    main: [require.resolve('./polyfills'), paths.appIndexJs],
    background: resolveApp('src/scripts/background'),
    content: resolveApp('src/scripts/content')
  },

这目前正在构建我的content.js，content.css，main.css，main.js，background.js和index.html文件。

问题是我的index.html还包含对main。*文件的引用

是否总有将我的CRA设置配置为不将这些文件包含在index.html中？