webpack sass-loader 无法识别 scss 方法答案

【问题标题】：webpack sass-loader doesnt recognize scss methodwebpack sass-loader 无法识别 scss 方法
【发布时间】：2015-11-11 03:23:38
【问题描述】：

  "name": "sass-loader",
  "version": "2.0.1",
  "description": "Sass loader for webpack"

sass-loader 不编译 scss 内置方法 - 选择器解析 [http://sass-lang.com/documentation/Sass/Script/Functions.html#selector_parse-instance_method]

 ERROR in ./~/css-loader!./~/sass-loader!./js/symbols/svg/toggles/switch.scss
Module build failed: 
    @each $selector in selector-parse(#{&}) {
    ^
      Invalid selector after .show-on-all-pagesselector-parse

有什么想法吗？ node-sass 是否支持这些内置的 scss 方法？我应该使用什么装载机？有没有像 grunt-contrib-sass 这样基于 sass 命令行的 webpack 加载器？

【问题讨论】：

这可以通过编辑 webpack sass-loader 来解决。 node-sass 通过在选项参数中添加一个带有函数映射的对象来支持 v3 函数（请参阅：github.com/sass/node-sass#functions--v300 的函数 (>= v3.0.0) 部分）

标签： sass webpack libsass node-sass

【解决方案1】：

这可以通过编辑 webpack sass-loader 来解决。

node-sass 支持 v3 函数（实验性功能）。

可以通过在选项参数中添加一个具有要运行的函数映射的对象来完成。

参见：functions (>= v3.0.0) 部分node-sass

【讨论】：