Visual Studio 2017 - Angular - Webpack - SASS - 風格不適用

Question

我從visual studio創建了一個新的角度應用程序。它不支持sass。

我安裝node-sass，raw-loader和sas-loader並補充說，行成webpack.config.js：

{ test: /\.scss$/, loaders: ["raw-loader", "sass-loader"] } 

我加入到這個我家組成：

styleUrls: ['./home.component.scss'] 

的home.component.scss文件只包含以下內容：

.body { 
    background-color: red 
} 

的網站，並沒有錯誤運行，但背景是白色的。此外，我沒有看到和相應的CSS文件（它應該在哪裏？）。

Answer 1

在空的visual studio模板中，'.body'與主組件中的任何元素都不匹配。

測試，嘗試 'home.component.scss'：

$primary-color: red; 
h1 { 
    color: $primary-color; 
} 

沒有對應的css文件，編譯CSS寫入到一個樣式標記在HTML：

<style> 
h1[_ngcontent-c2] { 
    color: red; } 
</style>