less和scss的解析

160 阅读1分钟

原理

在webpack运行的时候,会先从入口文件开始,逐步require,当遇到less或者scss文件时,会去找对应的loader;对应的多个loader会写成css.loader!less.loader!index.less类似的字符串;

在解析时,会通过分割这个字符串,找到对应的loader,把所有的loader先push进一个数组中,之后通过pop依次调用。最右边的loader接受源文件,解析之后返回字符串,下一个loader接收这个字符串,继续解析,最终会生成css字符串

imweb.io/topic/5d4a9…

www.javascriptc.com/1354.html