Angular Webpack SASS＆＃34;未知单词＆＃34;问题

Question

在Angular 2应用程序的.scss文件中使用SASS插值时出现问题。

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;
}

产生的错误

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