总结一下,之前用到的loader和plugin:
| 语言 | loader/plugin | 处理结果 |
|---|---|---|
| js(1) | babel-loader | 低版本浏览器支持的js(1) |
| css(1)) | style/css-loader | 插入style标签(1) |
| css(n) | MiniCssExtractPlugin | 处理过的css(1) |
| html(0/1) | HtmlWebpackPlugin | 自动引入了JS和CSS的html(1) |
注:括号中的数字代表文件数量
loader和plugin的区别
loader:加载器
加载器是用来加载文件的,webpack本身只能加载JS文件(内置babel-loader)加载其它文件就需要另外安装loader,比如css-loader可以把CSS转成style标签,又比如file-loader可以加载图片对图片进行一些优化
plugin:插件
插件是用来增强功能的,比如HtmlWebpackPlugin是用来生成HTML的,比如MiniCssExtractPlugin它是用来抽取css生成css文件的
