zlx362211854 / daily-study

每日一个知识点总结,以issue的形式体现
10 stars 6 forks source link

118. 说说 webpack 中 loaders 和 plugins 的区别 #175

Open goldEli opened 4 years ago

goldEli commented 4 years ago

众所周知 webpack 是用来对代码进行打包的。

打包过程中:我们需要把多个 css 文件打包到一起

打包结束后:我们需要把打包后的 css 文件进行压缩

loader 就作用于打包过程,而 plugin 作用于打包之后。如下图:

图片

zlx362211854 commented 4 years ago

loader的关键词是预处理,所以loader的作用是在打包之前做文件的预处理 plugin目的在于解决loader无法实现的其他事,比如打包优化和压缩、处理生成html文件等