Sass 和 webpack - @for 循环错误

Question

这是我的代码:

@for $i from 1 through 3 {
   .myclass-#{$i} {
      /* ... */
   }
}

我正在使用 webpack 并收到此错误:

ERROR in ./~/css-loader!./~/sass-loader!./~/postcss-loader?pack=cleaner!./path/style.scss
/path/to/my/file/style.scss:649:22: Unknown word
You tried to parse SCSS with the standard CSS parser; try again with the postcss-scss parser
@for $i from 1 through 3 {
    .myclass-#{$i} {
               ^

有办法解决吗？

我使用这个配置:

{
   test: /\.scss$/,
   loaders: ["style", "css", "sass", "postcss?pack=cleaner"]
},

谢谢

Answer 1

发生这种情况是因为您有样式加载器和 css 加载器。我猜这导致了重新处理。删除样式加载器，它应该可以工作。至少这是我遇到类似错误的问题