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"