Sass 带网页包的SCSS加载程序

如何使用webpack构建我的

.scss

？我可以找到较少的加载程序和css加载程序，但不能找到SCS。这和Sass一样吗？我不断提到Sass，但语法不同

这更多的是Sass语法与SCSS语法的问题

直接从谷歌搜索的第一个结果中：

最常用的语法称为“SCSS”（代表“Sassy CSS”），是CSS3语法的超集。这意味着每个有效的CSS3样式表也是有效的SCS。SCSS文件使用扩展名.SCSS。第二种较旧的语法称为缩进语法（或“.sass”）

至于它与webpack中的sass加载程序的兼容性，最终，sass加载程序调用节点sass库，该库本身构建于libsass之上

这些工具支持这两种语法形式，因此您可以期望将sass加载程序与这两种语法形式一起使用，而不会出现任何问题

sass加载程序使用较旧的.sass语法

如果您使用的是.sass，则在使用sass加载程序时只需在查询字符串上传递一个选项：

loaders: [
  {
    test: /\.sass$/,
    // Passing indentedSyntax query param to node-sass
    loaders: ["style", "css", "sass?indentedSyntax"]
  }
]

sass加载器使用更常见的.scss语法

如果您使用的是.scss，并且已经正确配置了加载程序，那么一切都应该正常工作

---

这里有一个指向sass加载器的链接供您参考：

谢谢您的

。sass

语法提示，在其他任何地方都找不到。那些认为同时调用SASS.SASS和.scss文件是个好主意的人应该为自己感到羞愧。你不需要再明确地设置这个选项了。sass加载器自动为以

.sass

结尾的文件派生它。