美文网首页Web前端之路让前端飞
Taro 3.x框架 react 版 全局 sass 变量文件

Taro 3.x框架 react 版 全局 sass 变量文件

作者: 雅玲哑铃 | 来源:发表于2023-04-12 15:08 被阅读0次

一、首先是在项目安装scss

此处省略

二、新建全局scss变量文件

  • 在src/assets/styles文件下新建一个.scss格式文件,声明全局scss变量


    image.png
  • 添加全局需要引用的scss文件配置

// 在config/index.js里
const path = require('path')   
const config = {
    // 添加需要引用的scss
    sass: {
        resource: [
            path.resolve(__dirname, '..','src/assets/styles/custom-variables.scss'),
        ],
    },
}

三、应用

不管是pages下面的scss文件还是components下面的scss文件都可以引用全局变量$theme-color
eg:
1.pages下面

image.png
2.components下面
image.png

相关文章

网友评论

    本文标题:Taro 3.x框架 react 版 全局 sass 变量文件

    本文链接:https://www.haomeiwen.com/subject/sakxddtx.html