笔试学习（二）Webpack分包

 webpack实现分包

方式主要有以下两种：
第一种：根据我们的业务去配置不同的打包入口，也就是我们会有多个打包入口同时打包，输出多个打包结果。
第二种：采用ESM的动态导入功能，去实现模块的按需加载，这个时候webpack会把我们动态加载的模块单独输出到一个bundle中。

1.多入口打包

 根据不同的界面打包成不同的bundle.js，但是生成的HTML界面会载入两个bundle.js，我们只要其载入相应的bundle.js，因此在HtmlWebpackPlugin通过chunks属性指定载入的bundle.js文件，

2.提取公共模块

不同界面的中会引用公共的样式或提供API的模块，可以将这些公共模块提取出来，提取的办法也很简单，在webpack.config.js中添加如下配置：

optimization: {
    splitChunks: {
        chunks: '