1.安裝

首先安裝模塊node-sass ， sass-loader，vue-style-loader（或style-loader）

npm install sass-loader node-sass vue-style-loader --D

2.配置

在build文件夾下的webpack.base.conf.js的rules里面添加sass配置

{?

????????test: /\.scss$/,

? ? ? ? loaders: ['style','css','sass']

}

3.使用

在vue組件的style標簽上加 lang='scss'就可以使用sass了

<style lang="scss">

$bgColor:#f3f3f3;

.box{

? ? background:$bgColor;

}

</style>