webpack 常见插件(自己常用)

1.html-webpack-plugin    根据指定html创建一个模版html  并且是可配置的   常见参数为template, chunks, inject, title, filename

2.clean-webpack-plugin  清楚指定路径的文件或者文件夹

3.ugliyfsplugin 压缩js插件 用在生产模式

4.optimize-assets-all-plugin   压缩css

5.mini-css-extra-plugin 提取css到文件

6.模块热替换插件 

7. webpack自带的 OccurrenceOrderPlugin（用于生产模式） 和HotModuleReplacementPlugin（dev）  definepugin(定义常量在脚本中可以使用)

8.WebpackBundleAnalyzer 依赖分析插件 里面用了hot-module-middle  中间件把文件写入缓存中

9.eslint-plugin 用于lint代码

10. eslint-plugin-html(react)

常见的loader（loader 下一代javascript编译平台）

vue-loader, less-loader, style-loader, css-loader, postcss-loader, vue-loader, sass-loder,babel-loader, eslint-loader, babel-loader, babel-core， file-loader, url-loader等

常见babel

preset:@babel/preset-react, @babel/preset-env, @babel/tansform-runtime,修饰预设， class预设， ployfill等

plugin: babe-import-plugin,