sass-loader 与 node-sass傻傻分不清

Node-sass

Node-sass是一个库,它为Node.js提供了绑定到LibSass,LibSass是流行的样式表预处理器Sass的C版本。

它允许您以令人难以置信的速度将 .scss 文件本机编译为 css,并通过连接中间件自动编译。

官方地址 [https://www.npmjs.com/package/node-sass]

以下node与node-sass的版本对应

NodeJSSupported node-sass versionNode Module
Node 198.0+111
Node 188.0+108
Node 177.0+, <8.0102
Node 166.0+93
Node 155.0+, <7.088
Node 144.14+83
Node 134.13+, <5.079
Node 124.12+, <8.072
Node 114.10+, <5.067
Node 104.9+, <6.064
Node 84.5.3+, <5.057
Node <8<5.0<57

sass-loader

sass-loader依赖于node-sass,所以要安装node-sass

安装sass-loader在开发环境

npm install --save-dev node-sass

在vue文件使用scss预编译编写css样式

<style lang="scss">

以下是部分版本号对应,具体可百度

sass-loader 4.1.1,node-sass 4.3.0

sass-loader 7.0.3,node-sass 4.7.2

sass-loader 7.3.1,node-sass 4.7.2

sass-loader 7.3.1,node-sass 4.14.1

sass-loader 10.0.1,node-sass 6.0.1

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值