Scss--版本的对应关系(sass, sass-loader, dart-sass, node-sass等）

深碍√TFBOYSˉ_ 2023-09-28 20:42 28阅读 0赞

原文网址：[Scss--版本的对应关系(sass, sass-loader, dart-sass, node-sass等）\_IT利刃出鞘的博客-CSDN博客][Scss--_sass_ sass-loader_ dart-sass_ node-sass_IT_-CSDN]

## 简介 ##

本文介绍Sass的版本的对应关系。

## sass-loader与webpack ##

<table style="width:165.6pt;"> 
 <tbody> 
 <tr> 
 <td style="width:82.8pt;"> sass-loader </td> 
 <td style="width:82.8pt;"> webpack </td> 
 </tr> 
 <tr> 
 <td style="width:82.8pt;"> 6.* </td> 
 <td style="width:82.8pt;"> 3.* </td> 
 </tr> 
 <tr> 
 <td style="width:82.8pt;"> 7，8，9，10 </td> 
 <td style="width:82.8pt;"> 4.* </td> 
 </tr> 
 <tr> 
 <td style="width:82.8pt;"> 11，12，13 </td> 
 <td style="width:82.8pt;"> 5.* </td> 
 </tr> 
 </tbody> 
</table>

**注意**

查看webpack版本的方法：查看项目的如下文件：node\_modules/webpack/package.json

## node-sass与node.js ##

官网：[GitHub - sass/node-sass: Node.js bindings to libsass][GitHub - sass_node-sass_ Node.js bindings to libsass]

## node-sass与sass-loader ##

经不断尝试，正确的组合有：

<table style="width:335px;"> 
 <tbody> 
 <tr> 
 <td style="width:121px;">node-sass</td> 
 <td style="width:211px;">sass-loader</td> 
 </tr> 
 <tr> 
 <td style="width:121px;">6.0.1</td> 
 <td style="width:211px;">10.0.1</td> 
 </tr> 
 <tr> 
 <td style="width:121px;">4.14.1</td> 
 <td style="width:211px;">7.3.1</td> 
 </tr> 
 <tr> 
 <td style="width:121px;">4.7.2</td> 
 <td style="width:211px;">7.0.3</td> 
 </tr> 
 <tr> 
 <td style="width:121px;">4.3.0</td> 
 <td style="width:211px;">4.1.1</td> 
 </tr> 
 </tbody> 
</table>

[Scss--_sass_ sass-loader_ dart-sass_ node-sass_IT_-CSDN]: https://knife.blog.csdn.net/article/details/126375172
[GitHub - sass_node-sass_ Node.js bindings to libsass]: https://github.com/sass/node-sass