webpack Loader 和 Plugin 的区别

·  阅读 55

一、作用不同

  • loader 主要作用是用于对模块的"源代码"进行转换,就是在 import 或 require 加载模块时对他进行编译、压缩等处理,最终一起打包到指定的文件

  • pulgin 就是“插件”的意思,主要目的就是解决 loader 无法实现的事情,loader 只是用作于将特定的模块进行转换,而 pulgin 可以用于执行更加广泛的任务,比如打包优化、资源管理、环境变量注入等

二、执行时机不同

image.png

  • loader 运行在打包文件之前,loader 实质上就是是一个转换器,将A文件进行编译形成B文件,操作的是文件,比如将 A.scss 转变为 B.css,单纯的文件转换过程

  • plugins 在整个编译周期都起作用,Plugin 可以监听 webpack 运行的生命周期中的广播事件,在合适的时机通过 Webpack 提供的 API改变输出结果

分类:
前端
标签:
分类:
前端
标签:
收藏成功!
已添加到「」, 点击更改