Vue-cli3.0添加sass全局样式、mixin配置

一、如果在创建Vue@3.0项目的时候没有选择sass则需要安装

npm install -D sass-loader node-sass

二、创建.scss样式文件

在 src/assets/sass 文件夹下创建 index.scss 文件

三、配置根目录下面vue.config.js：

 

 

如果需要设置多个scss全局配置，则在data中加入多个

例如：

loaderOptions: {
			sass: {
				data: `

@import "@/assets/style/common/mixin.scss";

@import "@/assets/style/common/index.scss";

`
			}
		}

在vue2.0的时候是需要在 main.js 入口文件中引入，而在vue3.0中则不需要引入