1.使用vue-cli
vue init webpack name
2.安装sass, 最新版的sass-loader已经不能再vue2下正常运行了,所以要指定版本。
npm install --save-dev sass-loader@7.3.1
npm install --save-dev node-sass
3.修改Vue中的style
<style lang="scss">
$color: red;
#app {
background: $color;
}
</style>
此时就已经能正常使用了
4.配置.sass的编译
在build文件夹下的webpack.base.conf.js的rules里面添加配置
{
test: /\.sass$/,
loaders: ['style', 'css', 'sass']
}