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