webpack5多页面打包的问题？

Question

{
      entry: {
        index: './src/index.js',
        about: './src/about.js',
      },
        plugins: [
          new HtmlWebpackPlugin(
            {
              url: './',
              title: 'My Webpack',
              filename: 'index.html',
              template: './src/index.html',
            },
          ),
          new HtmlWebpackPlugin(
            {
              url: './',
              title: 'My Webpack',
              filename: 'about.html',
              template: './src/about.html',
            },
          ),
          ...
        ],
}

上面的webpack配置，打包出来的index.html/index.js和about.html/about.js

但是index.html引用了about.js和index.js

about.html也引用了about.js和index.js

要怎么样才能各自页面引用各自的js呢

Answer 1

Answer 2

inject设置成false，在html里去设置各自引用的js