webpack:loader 和 plugin 的区别是什么?

180 阅读1分钟

本篇博客是作为个人自学记录,如有不足之处,请批评指正。

loader 是用来加载文件的,plugin 是用来扩展 webpack 功能的

区别是什么呢

loader

用来加载一个个文件

例子:

  • babel-loader 是用来加载高级的js,把它变成IE支持的js

  • style/css-loader 是用来加载 style/css,然后变成页面中的style标签

  • 也可以加载图片文件,对图片进行优化

plugin

用来加强 webpack 功能

例子:

  • HtmlWebpackPlugin 插件用来生成 HTML 文件

  • MiniCssExtractPlugin 插件用于抽取 css 的代码,把它变成一个 css 文件的