vue 使用scss

//下载

cnpm install node-sass --save

cnpm install sass-loader --save

cnpm install scss --save

cnpm install scss-loader --save

//cnpm install node-sass sass-loader scss scss-loader --save

cnpm install sass-loader@10.1.0

npm install node-sass@4.14.1

"dependencies": {

"node-sass": "^4.12.0",

"sass-loader": "^7.1.0",

"scss": "^0.2.4",

"scss-loader": "^0.0.1"

},

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

{

test: /\.scss$/,

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

}

//页面使用

<style lang="scss">

$color:red;

div {color:$color;}

</style>