1、在创建好的vue项目基础下,打开当前项目里的命令行,安装sass依赖,实例如下:
npm install --save-dev sass-loader
//sass-loader依赖于node-sass
npm install --save-dev node-sass
2、在build文件夹下的webpack.base.conf.js的rules里面添加配置
{
test: /\.scss$/,
loaders: ['style', 'css', 'sass']
}
3、安装完成后,使用前,需要修改当前作用页面的style标签,如下:
<style lang="scss">
最后就可以正常使用sass了