Можно ли включать отдельные файлы [.js] в определенные сгенерированные страницы [.html] с помощью Webpack?

Question

Хочу достичь Я хочу связать свои js-файлы и зависимости с помощью веб-пакета и «внедрить» определенные файлы в определенные сгенерированные html-файлы.(Это не будет SPA)

Мой Webpack.config.js, выглядит так:

module.exports = {
 entry: {
     vendor:"./js/SomeVendor.js",
     app: "./index.js",
     home: "./home.js"
        },
 output: {
      path: path.resolve(__dirname, "dist"),
      filename: "[name]-[hash].bundle.js"
  },
 module: {
    rules: [
       . . . . .
         ]
 },
 plugins: [
    new CleanWebpackPlugin(["dist"]),
    new HtmlWebpackPlugin({
      title: "Custom template",
      template: "index.html"
    }),
    new HtmlWebpackPlugin({
      title: "Custom template",
      filename: "home.html",
      template: "home.html"
   })
  ]
};

Теперь я хочу, чтобы мой новый сгенерированный 'Home.html 'должно иметь только ' home-hash.bundle.js 'и' vendor.bundle.js ' и аналогично для' Index.html '[' app-hash.bundle.js 'и 'vendor.bundle.js' ]

Approach-1

Я жертвую "хэшированием" имен пакетов и не добавляю "inject" .jsфайлы в .html файлы.Вместо этого я вручную включаю их в соответствующие .html файлы с именами app.bundle.js и т. Д.

Любой другой подход?

Answer 1

Спасибо @ PlayMa256 Я выполнил это, используя параметры чанков, как вы и предлагали.Выложить сюда ответ для справки окружающих.

plugins: [
    new HtmlWebpackPlugin({
      filename: "custom1.html",
      chunks: ['custom1'],
      template: "app/components/custom1/index.html"
    }),