项目中需要统一颜色、字体、字号等简单样式，也想复用一些通用样式。
项目中引了sass-loader，正好sass支持定义这些全局变量，可以随取随用。
vue-cli如何支持呢？
查了官网，特别方便，只需在vue.config.js中配置：
css: {
loaderOptions: {
sass: {
prependData: `@import "@/assets/css/variable.scss";`
}
}
},
服务重启，可以自由的 使用这些变量啦~
vue 全局scss配置 vue.config.js global.scss test.scss
背景 项目中需要统一颜色、字体、字号等简单样式，也想复用一些通用样式。 技术栈 项目中引了sass-loader，...
vue.config.js 中 全局 scss 使用如下配置 scss 相关各种版本及具体配置，详见node no...
vite.config.ts配置全局scss global.scss: helloPage.vue: CSS 预处...
create-react-app 在不暴露配置情况下 配置 scss/sass 全局变量 create-react...
vue-cli 配置 axios vuex element-ui sass 配置sass || scss 配置ax...
Vue
下载安装SCSS npm install sass-loader node-sass --save-dev 配置V...
配置Sass 1、创建variable.scss文件 2、配置vue.config.js中的cssloader 3...
坑二： scss文件引入vue 和 webpack升级之后，scss的引入方式有些变化，一些配置需要自己手动写入，...
本文标题：vue配置scss全局变量
本文链接：https://www.haomeiwen.com/subject/xkwrwktx.html
网友评论