REACT中设置全局SCSS变量

一、安装依赖

npm install sass-resources-loader --save-dev

二、修改配置

修改 node_modules/react-scripts/config/webpack.config.js 如下图:

代码如下：

.concat([{
    loader: "sass-resources-loader",
    options: {
        resources: path.join(__dirname, "../../../src/assets/scss/common.scss") // scss公共变量所在文件的路径
    }
}])