0
点赞
收藏
分享

微信扫一扫

封装全局的scss样式


1.首先,在公共样式文件中把样式写好

封装全局的scss样式_scss

/* 主题色 */
$leo-theme-color: #3983bf;

/* 辅助色 */
$leo-color-red: #ec3e50;
$leo-color-orange: #ffbb0e;

2.然后,在vue.config.js文件中(如果没有该文件需要新建,且注意新建目录)

封装全局的scss样式_css_02

module.exports = {
css: {
loaderOptions: {
sass: {
prependData:
'@import "~@/common/css/variables.scss"; @import "~@/common/css/mixin.scss";',
},
},
},
};

3.最后,使用的时候,无需再次引入文件,可直接使用

封装全局的scss样式_css_03


举报

相关推荐

0 条评论