在vuejs项目的页面布局中，经常会涉及到复杂的页面设计，此时如果只是用css可能会很难实现效果，写js又显得太过繁琐，此时sass可就帮我大忙啦，不仅能够应该复杂的页面，也能够达到写更少的css实现页面布局，何乐不为呢？好了接下来我们进入正题
首先切换到我们的项目目录下，输入以下指令

安装

 npm install --save-dev sass-loader

npm install sass-loader@7.3.1 --save-dev
    //sass-loader依赖于node-sass
    
npm install --save-dev node-sass
配置
然后在build文件夹下的webpack.base.conf.js的rules里面添加配置：
{
        test: /\.scss$/,
        loaders: [‘style‘, ‘css‘, ‘sass‘]
}

使用sass
注意！！！：这里是scss，不是sass



sass文件引入
在vue项目中使用sass
原文：https://www.cnblogs.com/interdepend/p/12718774.html