webpack 使用过程中的优化处理总结， 在前面的章节中分析了开发环境和生产环境的一些优化配置，这里将这些配置总结如下。具体可以参照前面总结过的查看
开发环境
- .优化代码打包构建速度
- HMR style-loader可以自动处理 js 需要手动添加代码 html 在入口文件做修改
- 优化代码调试
- source-map
生成环境
- 优化构建速度
- oneOf 相同的代码找到对应处理的loader 就会不会找其他的loader了
- babel 缓存 在构建中使用 babel 缓存可以提高打包速度
- 多进程打包
- externals 声明不打包的文件，将不打包的文件使用cdn 的方式引用
- dll 先将文件打包，后面就不打包了
- 优化代码运行性能
- 缓存的使用 hash---> chunkhash ---> contenthash
- tree shaking 将代码中没使用的代码过滤掉，在生产模式下，代码是es6 模式，在配置中添加 sideEffect:[] 忽略掉不必删除的代码， 比如css文件等
- code split 代码分割 在单文件和多文件的情况下都可以使用 optimization 配置， 还有import 引用的文件
