1. 安裝步驟
- 安裝node-sass,命令如下：
npm install node-sass@4.14.1 --save-dev
- 安裝sass-loader,命令如下：
npm install sass-loader@7.3.1 --save-dev
注：安裝node-sass與sass-loader最好指定其版本，版本之間不對應(yīng)可能會產(chǎn)生安裝錯誤?。?！其版本之間的對應(yīng)關(guān)系可自行百度，也可直接安裝以上兩個版本，親測?。?！
2. 使用：
話不多說，直接上代碼。（ 需要注意的是，使用scss時應(yīng)在style標(biāo)簽中添加lang='scss'屬性 ）
- template中，代碼如下所示：
<template>
<div id="app">
<h1 class="content">
小白要努力變強?。。? </h1>
</div>
</template>
- style中，代碼如下所示：
<style lang="scss">
$baseColor: blue;
#app {
.content {
color: $baseColor;
}
}
</style>
-
效果如下圖所示：
效果圖
快去試一試吧?。。e忘了點個贊喲?。?！
自己先給自己點個贊，沖??！咱是最棒的！嘿嘿！觀看的小可愛一起點個贊唄，求求了！
