WebPack 2嵌套SCSS

Question

我无法弄清楚为什么我的嵌套SCSS代码不起作用。

嵌套SCSS示例

.line {
  .right {
    top: 0;
    height: 100%;
    width: 20px;
  }
}

Webpack2加载程序

exports.scss = {
        test: /\.scss$/,
        loaders: ['style-loader', 'css-loader?modules&importLoader=2&sourceMap&localIdentName=[name]__[local]___[hash:base64:5]!sass-loader' ]
}

如果我这样写，那就行了

.line.right {
  top: 0;
  height: 100%;
  width: 20px;
}

*我暂时不想提取到另一个文件。

Answer 1

您缺少的是&

.line {
  &.right {
    top: 0;
    height: 100%;
    width: 20px;
  }
}