react中的config-overrides.js文件

功能类似于vue中的vue.config.js文件,增量配置react中的关于webpack配置

npm run reject  弹开react工程中的webpack配置，但是它是不可逆的

 customize-cra此库就是可以增量的去修改webpack中的配置

修改package.json文件中自定义命令中的 start/build中的react-scripts为react-app-rewired

一些配置：

const {

  override,

  // 修饰器

  addDecoratorsLegacy,

  // 添加别名

  addWebpackAlias,

  fixBabelImports

} = require("customize-cra");

const path = require("path");

module.exports = override(

  addDecoratorsLegacy(),

  // 添加webpack别名

  addWebpackAlias({

    ["@"]: path.resolve("./src"),

  }),

  // 针对于 antd-mobile移动ui库，进行按需加载

  fixBabelImports('import', {

    libraryName: 'antd-mobile',

    style: 'css',

  })

);