欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

使用craco修改react项目

程序员文章站 2024-03-01 09:10:28
...

安装craco
yarn add @craco/craco


替换package.json

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

可以额外配置
在根目录创建craco.config.js文件

const path = require("path")

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

module.exports = {
    webpack: {
        alias: {
            //使用@替换src
            '@': resolve("src"),
            //components替换src/components
            'components': resolve("src/components")
        }
    }
}