source map常见类型
- eval：使用eval将代码块包裹起来
- source map ：将map文件和js文件分别打包
- inline-source-map：将map文件和js文件一起打包
- cheap-source-map：只打印行信息
- 配置webpack.config.js中的devtool为 某种类型
页面公共资源分离
- 对多个页面的公共模块或库进行分离打包
- html-webpack-externals-plugin 进行基础的分包
- split-chunk-plugin 提取公共模块
html-webpack-externals-plugin
- 引入插件 requier('html-webpack-externals-plugin')
- 编写配置 config = { externals: [ { module: 'react', extry: 'CDN', global: 'react' } ]}
- 使用插件 new HtmlWebpackExternalsPlugin(config)
optimization.splitChunks
- webpack4之后内置的插件
- 通过optimization（优化）来配置
- 具体配置参考 https://webpack.docschina.org/plugins/split-chunks-plugin/
