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

2021-08-03 23:56

阅读:535

标签:常用   div   loader   url   log   http   scss   sdn   编译   前端开发中经常用到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等区别作用标签:常用   div   loader   url   log   http   scss   sdn   编译   原文地址:https://www.cnblogs.com/nature161/p/14901431.html


评论


亲,登录后才可以留言!