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

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

经多次研究，稍微靠谱可用的配置

    optimization: {
        splitChunks: {
            minSize: 30000,
            cacheGroups: {
                common: {
                    chunks: "initial",
                    minChunks:3,
                    name: "common",
                    enforce: true
                }
            }
        }
    },

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

 参考资料：https://www.jianshu.com/p/3066d96aec8b