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

标签:pac   src   css   apt   node-sass   com   文件夹   height   containe   

一、如果在创建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中则不需要引入

 

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

标签:pac   src   css   apt   node-sass   com   文件夹   height   containe   

原文地址:https://www.cnblogs.com/yzhihao/p/14270301.html

版权声明:完美者 发表于 2021-01-14 10:51:15。
转载请注明:Vue-cli3.0添加sass全局样式、mixin配置 | 完美导航

暂无评论

暂无评论...