Node-sass
Node-sass是一个库,它为Node.js提供了绑定到LibSass,LibSass是流行的样式表预处理器Sass的C版本。
它允许您以令人难以置信的速度将 .scss 文件本机编译为 css,并通过连接中间件自动编译。
官方地址 [https://www.npmjs.com/package/node-sass]
以下node与node-sass的版本对应
NodeJS | Supported node-sass version | Node Module |
---|---|---|
Node 19 | 8.0+ | 111 |
Node 18 | 8.0+ | 108 |
Node 17 | 7.0+, <8.0 | 102 |
Node 16 | 6.0+ | 93 |
Node 15 | 5.0+, <7.0 | 88 |
Node 14 | 4.14+ | 83 |
Node 13 | 4.13+, <5.0 | 79 |
Node 12 | 4.12+, <8.0 | 72 |
Node 11 | 4.10+, <5.0 | 67 |
Node 10 | 4.9+, <6.0 | 64 |
Node 8 | 4.5.3+, <5.0 | 57 |
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