loader和plugin的区别

171 阅读1分钟

两者都是为了扩展webpack的功能。loader它只专注于转化文件(transform)这一个领域,完成压缩,打包,语言翻译; 而plugin不仅只局限在打包,资源的加载上,还可以打包优化和压缩,重新定义环境变量等 loader运行在打包文件之前(loader为在模块加载时的预处理文件);plugins在整个编译周期都起作用 一个loader的职责是单一的,只需要完成一种转换。一个loader其实就是一个Node.js模块。当需要调用多个loader去转换一个文件时,每个loader会链式的顺序执行 在webpack运行的生命周期中会广播出许多事件,plugin会监听这些事件,在合适的时机通过webpack提供的API改变输出结

两者都是为了扩展webpack的功能,loader它只专注于转化文件transform这个领域,完成压缩打包语言翻译。plugin不仅只局限于打包资源的加载上,还可以打包优化和压缩,重新定义环境变量等

loader运行在打包文件之前,loader为模块加载时候的预处理文件,plugin在整个编译周期都起作用 一个loader只需要完成一种转换,一个loader其实就是一个node.js模块。当需要调用多个loader去转换一个文件时候,每个loader会议 链式的顺序执行 在webpack运行的生命周期中会广播出许多事件,plugin会监听这些事件,在合适的时候通过webpack提供的api改变输出结果