react: 使用craco修改项目配置

由于react脚手架中把webpack配置都隐藏起来了，我们修改起来不太方便，于是，记录一下使用craco来修改配置的方法

安装 craco

yarn add @craco/craco

修改package.json文件

• 使用craco启动项目

"scripts": {
-   "start": "react-scripts start",
-   "build": "react-scripts build",
-   "test": "react-scripts test",
    "eject": "react-scripts eject",
+   "start": "craco start",
+   "build": "craco build",
+   "test": "craco test",
}

在根目录下创建craco.config.js文件

• craco.config.js文件用于修改默认配置

应用: craco配置别名

const path = require("path");
const resolve = dir => path.resolve(__dirname, dir);

module.exports = {
  // 其它配置...
  ,
  webpack: {
    alias: {
      '@': resolve("src"),
      'components': resolve("src/components"),
    }
  }
}

重启项目生效

yarn start