记webpack下提取公共js代码的方法

环境: webpack4.6 + html-webpack-plugin 多页面多入口

当入口文件index.js和main.js 都 import 'common/myModule.js' 的时候

打包之后的index.js和main.js都重复包含了myModule.js的内容，可以说文件小的时候无所谓，反正我们是自动化打包

但是公共的东西多了，文件大了，入口多了，重复量就越来越大，所以我们要把它提取出来

关于这个问题，老衲也是断断续续折腾了两三天，后来终于有点眉目了

后来找到了一段代码，直接放入一级配置，非plugins里面

optimization : {
        splitChunks: {
          chunks: "all", 
          minSize: 0,   
          name: 'common',      
          minChunks: 1,             
        }
    },

注意name这个属性，是提取出来的块的名称，不完美的是，还要在html-webpack-plugin 的 chunks中加载

打包之后，多了个common.js， 并且在html里注入了