CRA Webpack - выводить разные папки в отдельные файлы

Question

У меня есть приложение CRA, которое я создал как расширение Chrome.В моей папке src есть папка сценариев, содержащая 3 папки:

1. background
2. content
3. popup

Каждый из них должен быть построен отдельно.

• background -> background.js
• content -> content.js & content.css
• popup -> 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 также содержит ссылки на главные. * Файлы

Есть ли способ настроить мои настройки CRA так, чтобы эти файлы не включались в мой index.html?