Webpack原理—编写Loader和Plugin

编写 Loader

Loader就像是一个翻译员，能把源文件经过转化后输出新的结果，并且一个文件还可以链式的经过多个翻译员翻译。
以处理SCSS文件为例：

1. SCSS源代码会先交给sass-loader把SCSS转换成CSS；
2. 把sass-loader输出的CSS交给css-loader处理，找出CSS中依赖的资源、压缩CSS等；
3. 把css-loader输出的CSS交给style-loader处理，转换成通过脚本加载的JavaScript代码；

可以看出以上的处理过程需要有顺序的链式执行，先sass-loader再css-loader再style-loader。