1. 编译Scss

网上很多都说什么修改node_modules下面的webpack.config.dev.js之类的，醉了，协作怎么办？node_modules又不会打包到git上，难道每次都要修改webpack.config.dev.js？不现实！

1、安装：

npm install sass-resources-loader
npm install customize-cra
npm install node-sass

或yarn:

yarn add sass-resources-loader
yarn add customize-cra
yarn add node-sass

2、创建配置文件

config-overrides.js

const { override, adjustStyleLoaders } = require("customize-cra");
module.exports = override(
  // ...其他配置...
  adjustStyleLoaders(rule => {
    if (rule.test.toString().includes("scss")) {
      rule.use.push({
        loader: require.resolve("sass-resources-loader"),
        options: {
          resources: "./src/styles/output.scss" //这里是你自己放公共scss变量的路径
        }
      });
    }
  })
  // ...其他配置...
);

然后记得重启项目：yarn start

如果不行的话，先运行yarn eject

这就的话，就不需要配置

adjustStyleLoaders(rule => {
if (rule.test.toString().includes("scss")) {
  rule.use.push({
    loader: require.resolve("sass-resources-loader"),
    options: {
      resources: "./src/styles/output.scss" //这里是你自己放公共scss变量的路径
    }
  });
}
})