How to embed script in html via webpack?

Question

JavaScript

I'm making 2 files, but only 1 needs to be used, so I can't set inject: true . Is it possible to select the files that are needed?

entry: {
    'bundle': './src/js/index.js',
    'bundle.min': './src/js/index.js'
  },
  plugins: [
    new HtmlWebpackPlugin({
      inject: false,
      template: path.resolve(__dirname, '../src/html/index.html'),
      files: {
        js: [
          'bundle.min.js'
        ]
      }
    }),

Answer 1

HtmlWebpackPlugin has its own templating engine inside. This is how it inserts all the chunks it has.

<% for (var chunk in htmlWebpackPlugin.files.chunks) { %>
<script src="<%= htmlWebpackPlugin.files.chunks[chunk].entry %>"></script>
<% } %>

Here are examples of templates https://github.com/jaketrent/html-webpack-template...
Here is the dock for the plugin https://github.com/jantimon/html-webpack-plugin
May help)