Webpack loader 和 plugin 的区别

341 阅读1分钟

Webpack loader 是加载器,用于加载文件;Webpack plugin 是插件,用于扩展 Webpack 功能。

详细区别

loader 主要是用来加载一个个的文件,例如它可以加载JS文件,把JS文件转译成低版本浏览器可以支持的JS,它也可以用来加载CSS文件,它可以把CSS变成页面上的style标签或者是其他的一些处理,它也可以用来加载图片文件,它可以对图片进行一些优化。

plugin 是用来加强Webpack功能的,比如HtmlWebpackPlugin这个插件,它是用来生成一个html文件的,还有一个MiniCssExtractPlugin插件,它是用来抽取CSS的代码,把它变成一个文件的。