插件原创
# 常见插件
# 配置项插件
# plugins
- npm 安装需要的插件
- 在配置文件中引入插件
- 在配置项plugins中使用插件 一般是实例化
HtmlWebpackPlugin ————》自动生成html入口文件和引入js文件
- 导入插件,在plugins中创建实例
- 传入配置项进行配置
- filename:生成的文件路径
- template:打包的html文件
- inject:引入js的位置
mini-css-extract-plugin ————》抽离css到单独文件,防止闪屏现象
- 导入插件,在plugins中创建实例
- 在module中调用插件实例上的loader方法,可以抽离css
- 创建实例时可传入可配置项进行配置
- filename:生成的文件路径(包含了文件路径和文件名)
css-minimizer-webpack-plugin ————》 压缩css文件
- 导入插件,在optimization配置项中的minimizer数组中创建实例
- 或者直接在plugins中创建实例
- 同时将mode改为production=
eslint-webpack-plugin ————》 检查语法,规范代码风格
- 安装插件 npm i eslint-webpack-plugin -D
- 导入插件,在plugins中创建实例。
- 配置文件可以单独写在.babelrc.js文件中