node-sass对应的sass-loader
时间: 2023-05-28 13:04:01 浏览: 848
sass-loader是一个webpack loader,用于将sass/scss文件转换为CSS文件。node-sass是sass-loader的依赖之一,用于将sass/scss文件编译为CSS文件。因此,当使用sass-loader时,需要同时安装node-sass。
例如,在webpack配置文件中,可以这样配置sass-loader:
```javascript
module.exports = {
// ...
module: {
rules: [
{
test: /\.scss$/,
use: [
"style-loader",
"css-loader",
"sass-loader"
]
}
]
}
// ...
}
```
在这个例子中,sass-loader会将scss文件编译为CSS文件,并交给后续的loader处理。其中,node-sass会被隐式地使用。同时,还需要安装style-loader和css-loader,用于处理CSS文件的导入和样式解析。
相关问题
node node-sass sass-loader 版本对应
node版本对应的node-sass和sass-loader版本如下:
- node版本v14.18.3对应的node-sass版本是4.7.2,sass-loader版本是7.3.1。
- node版本16.13.1对应的node-sass版本是6.0.1,sass-loader版本是10.0.1。
node-sass对应的sass-loader版本
根据官方文档,node-sass 与 sass-loader 的版本对应关系如下:
| node-sass 版本 | 对应的 sass-loader 版本 |
| -------------- | ---------------------- |
| ^6.0.0 | ^10.0.0 |
| ^5.0.0 | ^8.0.0 |
| ^4.0.0 | ^7.0.0 |
| ^3.0.0 | ^5.0.0 |
| ^2.0.0 | ^4.0.0 |
| ^1.0.0 | ^2.0.0 |
如果你在项目中使用了 node-sass,建议按照上述对应关系来选择 sass-loader 的版本。
阅读全文