常用插件

    1. compression-webpack-plugin，gzip
    2. html-webpack-plugin，单页应用 html 模板
    3. uglifyjs-webpack-plugin，压缩js
    4. mini-css-extract-webpack-plugin，抽离css到一个单独的文件
    5. optimize-css-assets-webpack-plugin，压缩css
    6. clean-webpack-plugin，每次打包之前清空原有的 dist 目录
    7. copy-webpack-plugin，拷贝源文件到目标地址
    8. webpack-bundle-analyzer，webpack代码打包生成工具
    9. speed-measure-webpack-plugin，分析各个模块打包需要花费的时间
    10. imagemin-webpack-plugin，压缩图片的
    11. preload-webpack-plugin，配置 preload 参数
    12. define-plugin：定义环境变量
    13. commons-chunk-plugin：提取公共代码
    14. add-asset-html-webpack-plugin：动态将 js 或者 css 插入到HTML中

    常用loader

    1. style-loader，把css插入到dom中的head部分
    2. css-loader，解析 @import 语法、url() 语法
    3. less-loader，把less语法编译为css
    4. scss-loader，把scss 语法编译为 css
    5. url-loader，解析图片文件，拷贝，url-loader 封装了 file-loader，可以将指定文件大小的文件编译为 base64 编码
    6. file-loader，拷贝文件
    7. babel-loader，兼容js 高级语法
    8. postcss-loader，css 兼容性
    9. vue-loader，加载vue单文件组件
    10. raw-loader，处理 txt 文件