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

一、首先是在项目安装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

image.png