javascript - webpack设置chunks后提示 webpackJsonp is not defined，如何解决？

Question

1.由于是两个页面就设置了两个入口，那么现在就有一个问题，就是打包的时候两个页面引入的所有js文件都会打包进去。
2.为了解决这个问题，看了下网上的说明可以使用chunks指定引入的打包文件，结果指定以后报错了。

---

webpack.config.js

entry:{
      index: './src/index.ts',
      home: './src/home.ts'
  },

webpack.prod.conf.js

 plugins: [
    new HtmlWebpackPlugin({         
      filename: config.build.index,
      template: 'index.html',
      inject: true,
      //chunks这个参数告诉插件要引用entry里面的哪几个入口
      chunks:['index'],      //这里设置以后报错,提示 webpackJsonp is not 
      minify: {
        removeComments: true,
        collapseWhitespace: true,
        removeAttributeQuotes: true

    
      },
     
      chunksSortMode: 'dependency'
        }),
      new HtmlWebpackPlugin({          //另外一个入口文件
      filename: config.build.home,
      template: 'home.html',
      inject: true,
      //chunks这个参数告诉插件要引用entry里面的哪几个入口
      chunks:["home"],         //这里设置以后报错,提示 webpackJsonp is not defined                      
      minify: {
        removeComments: true,
        collapseWhitespace: true,
        removeAttributeQuotes: true
       
      },
    CommonsChunkPlugin
      chunksSortMode: 'dependency'
       
    }),

不知道是缺少其他配置还是什么原因，谢谢大家的解答，感激不尽

Answer 1

你的commonChunk也要放进chunks里面的