web开发中webpack常用的sass-loader、node-sass、style-loader等区别作用

本文主要是介绍web开发中webpack常用的sass-loader、node-sass、style-loader等区别作用，对大家解决编程问题具有一定的参考价值，需要的程序猿们随着小编来一起学习吧！

前端开发中经常用到webpack常用的sass-loader、style-loader、css-loader等loader，总是记不住其区别和作用。今特记录、以备查询

1.node-sass
其实之所以用到node-sass、是因为sass-loader的缘故。sass-loader 是将sass文件编译成css，而sass-loader又依赖于node-sass，所以需要安装node-sass

npm install node-sass --save-dev

2.sass-loader
加载sass/scss, 并且把sass/scss编译成css。而该loader依赖于node-sass。而node-sass依赖于node，所以要注意node-sass和node之间的版本支持

npm install sass-loader --save-dev

3.style-loader
将 JS 字符串生成为 style 节点、将样式插入到style标签

npm install style-loader --save-dev

4.css-loader
将 CSS 转化成 CommonJS 模块，例如url转为require等

转：https://blog.csdn.net/u012733501/article/details/102821336

这篇关于web开发中webpack常用的sass-loader、node-sass、style-loader等区别作用的文章就介绍到这儿，希望我们推荐的文章对大家有所帮助，也希望大家多多支持为之网！

C/C++教程