在配置檔案config-overrides.js中修改

const { override, fixBabelImports, addLessLoader } = require('customize-cra');
const path = require("path");
 
module.exports = override(
  fixBabelImports('import', { //配置按需載入
    libraryName: 'antd',
    libraryDirectory: 'es',
    style: true,
  }),
  addWebpackExternals({ 
 
//不做打包處理配置，如直接以cdn引入的
    echarts: "window.echarts",
    // highcharts:"window.highcharts"
  }),
  addWebpackAlias({ //路徑別名
    '@': path.resolve(__dirname, 'src'),
  }),
  addLessLoader({
    javascriptEnabled: true,
    modifyVars: {
      '@primary-color': '#1DA57A'
    }
  }),
　　(config) => { 
        
 
//修改、新增loader 配置 :
        // 所有的loaders規則是在config.module.rules(陣列)的第二項
        // 即：config.module.rules[2].oneof  (如果不是，具體可以列印 一下是第幾專案)
        // 修改 less 配置 ，規則 loader 在第7項(具體可以列印配置)
        const loaders = config.module.rules.find(rule => Array.isArray(rule.oneOf)).oneOf;
        console.log(loaders)
        loaders[
 
7].use.push({
            loader: 'style-resources-loader',
            options: {
                patterns: path.resolve(__dirname, 'src/less/common.less')//全域性引入公共的scss 檔案
            }
        })
        return config
    }
);