Angular Webpack SASS“未知单词”问题

Question

我在 Angular 2 应用程序的文件内使用 SASS 插值时遇到问题.scss。

Webpack 配置

loaders: [
    {
        test: /\.scss$/,
        exclude: /node_modules/,
        loaders: ['raw-loader', 'sass-loader', 'postcss-loader']
    },
    ...
],
postcss: [autoprefixer({ browsers: ['last 2 versions', '> 5%'] })]

...

导致错误的示例代码

$attr-name: border;
.test {
    #{$attr-name}-color: blue;
}

结果错误

如果我删除插值（即#{...}），我不会收到错误。我试图找出问题所在，但找不到与我有相同问题的人。