本篇博客是作为个人自学记录,如有不足之处,请批评指正。
loader 是用来加载文件的,plugin 是用来扩展 webpack 功能的
区别是什么呢
loader
用来加载一个个文件
例子:
-
babel-loader 是用来加载高级的js,把它变成IE支持的js
-
style/css-loader 是用来加载 style/css,然后变成页面中的style标签
-
也可以加载图片文件,对图片进行优化
plugin
用来加强 webpack 功能
例子:
-
HtmlWebpackPlugin 插件用来生成 HTML 文件
-
MiniCssExtractPlugin 插件用于抽取 css 的代码,把它变成一个 css 文件的