当前位置: 首页 > Web前端 > HTML

webpack的loader-plugin的区别

时间:2023-03-29 11:14:05 HTML

一般来说,loader就是转换,plugin是完成比转换更复杂的任务,比如合并,压缩。Loader:让webpack处理非js文件,然后就可以利用webpack的打包能力,对它们做一些事情。例如:css-loader、style-loader、postcss-loader、sass-loaderplugins:从打包优化压缩,一直到重新定义环境中的变量。例如:uglify-webpack-plugin,clean-webpack-plugin,babel-polyfill与loader转换指定类型的模块功能相比,plugins可用于执行打包优化、文件管理等更广泛的任务,环境注入等...loader,它是一个将A文件编译成B文件的转换器,如:ConvertA.lesstoA.css,一个简单的文件转换过程。plugin是一个扩展器,它丰富了webpack本身。针对的是loader完成后webpack打包的全过程。它不直接操作文件,而是基于事件机制工作。它将监控webpack打包过程中的一些节点并执行广泛的任务