react-app-rewired:是 react 社区开源的一个修改 CRA 配置的工具,例如扩展 Create React App 的 Webpack 配置

customize-cra:提供了一组用于自定义利用 react-app-rewired 核心功能的 Create React App 配置(https://github.com/arackaf/customize-cra

安装:yarn add react-app-rewired customize-cra -D

(新的[email protected]还需要安装customize-cra)

有时候还需要:yarn add babel-plugin-import -D

在根目录下创建config-overrides.js文件,用于修改默认配置,如:

const { override, addWebpackAlias} = require('customize-cra');
const path = require('path');

module.exports = override(
    addWebpackAlias({        
        ["@"]: path.resolve(__dirname, "src"),        
    })
);

修改脚本命令:

"start": "react-app-rewired start",
"build": "react-app-rewired build",
"test": "react-app-rewired test",
"eject": "react-scripts eject"