Я пытаюсь связать каждый угловой модуль в веб-упаковке. Моя цель - иметь один app.js, который будет упакован веб-пакетом с этой конфигурацией:

entry: {
        app: "./app/app.js"
},
output: {
        path: "./build/ClientBin",
        filename: "bundle.js"
},

Я добавлю этот скрипт в мой index.html, чтобы он был точкой входа в мое приложение. Также у меня есть много модулей в./app/components папка. Структура папок в виде:

app
|--components
|  |
|  |--home
|  |  |
|  |  |--home.html
|  |  |--home.js
|--app.js
|--AppController.js

Я потребовалhome.html вhome.js поэтому, когда я загружаюhome.js все необходимые файлы будут загружены. Проблема в том, что у меня есть несколько компонентов, таких какhome и я хочу сказать, чтобы webpack связывал каждый компонент отдельно и называл его соответствующей папкой, например:home.

Как я могу настроить веб-пакет для создания этих пакетов и поместить их в./build/components?