第一:分別安裝:
npm i sass-loader -D
npm i node-sass -D
第二: 改造style標簽,增加屬性lang="scss":
這樣就可以愉快的在style內寫sass了,webpack會自動編譯輸出
<style
lang="scss" scoped>
// 注意:增加scoped屬性的作用是限定當前組件樣式的作用域僅作用域當前組件,這樣可以避免全局影響
$nav-color: #f1f1f1;
.page {
background: $nav-color;
}
</style>
本文地址:https://www.cnblogs.com/rapale/p/9007943.html
**轉載請注明出處**