String interpolation in @each

When trying to use Sass’s @each directive with string interpolation of the loop variables I get an unknown word error.

The following example code:

$sizes: (
  "small": 12px, 
  "large": 14px
);

@each $name, $size in $sizes {
  .#{$name} {
    font-size: $size;
  }
}

results in the following build error:

Module build failed: Unknown word (75:6)

  73 |
  74 | @each $name, $size in $sizes {
> 75 |   .#{$name} {
     |      ^

[alexander-akait]

@BHouwens use right syntax for webpack 2

use: [
       {
           loader: 'css-loader',
           options: { modules: true, importLoaders: 1, localIdentName: "[name]__[local]___[hash:base64:5]" }
       },
       'postcss-loader',
       {
              loader: 'sass-loader',
       }
 ]

[Andrey7287]

Try without quotes.