Webpack4 使用心得

最近看了公司的前端工程的构建，其使用的是Webpack4对前端工程进行打包。其中有几个比较有意思的插件以及配置方法，在之前的个人小型项目快发中未曾使用过。

Webpack 插件:

1. webpack-merge: 合并多个webpack configuration
2. webpack-bundle-analyzer: 生成代码分析报告

Loader:

1. less
2. babel
3. thread-loader: 多线程，用于高开销的loader，例如 babel
4. 等等…

Pack:

1. terser-webpack-plugin: 压缩js
2. optimize-css-assets-webpack-plugin: 压缩css
3. mini-css-extract-plugin: 打包css
4. HtmlWebpackPlugin: 生成模板html

Tools:

1. autoprefixer: 自动加前缀
2. glob: 查找文件 以Shell脚本的格式
3. replace-in-file: 批量文件文字替换
4. chalk: 改变日志输出颜色

亮点问题一:

公司项目整体目前是前后端分离的，之前的前端使用Vue进行开发，但是后面对前端代码进行了重构，使用了R