vue-cli 3.0 配置sass/scss全局变量
1、scss文件//variables.scss$background-color : #4c94f1;2、配置loader//vue.config.jsmodule.exports = {//配置全局样式变量css: {loaderOptions: {sass: {data: `@import "@/assets/style/common/v...
·
1、scss文件
//variables.scss
$background-color : #4c94f1;
2、配置loader
//vue.config.js
module.exports = {
//配置全局样式变量
css: {
loaderOptions: {
sass: {
data: `@import "@/assets/style/common/variables.scss";`
}
}
}
}
3、全局使用
<style lang='scss' scoped>
.header {
background-color: $background-color;
}
</style>
更多推荐
已为社区贡献6条内容
所有评论(0)