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>