webpack4 公共模块打包

此时webpack版本为：4.29.6

从webpack v4开始，CommonsChunkPlugin就被删除不再适用，取而代之是optimization.splitChunks

但是对于入门的人来说，肯定会没注意一句话：New chunk would be bigger than 30kb (before min+gz)！ 意思就是公开模块必须大于30kb才可以使用。

目录文件：

文件1：index.js

import '../users.js';
console.log("i love you");

文件2：mode.js

import '../users.js';

公共模块：users.js

//大于30kb的代码就行

两个文件都有公共模块，可以直接把公共模块单独打包成commons.js，这样可以共享

webpack.config.js

const path = require('path');
module.exports={
    entry:{
        'index':'./src/js/index.js',
        'mode':'./src/js/mode.js'
    },