CRACO 快速使用

Getting Started | CRACO

craco 是专门由于 cra 配置的重写,扩展配置 cra (webpack)。

  1. 安装依赖

    复制代码
    npm i -D @craco/craco
  2. 根目录下创建 craco.config.js 和配置 configure:

    复制代码
      my-app
      ├── node_modules
    + ├── craco.config.js
      └── package.json

    craco.config.js

    js 复制代码
    module.exports = {
        devServer: {
            proxy: {
                '/api': {
                    target: 'http://localhost:3000',
                    changeOrigin: true,
                }
            }
        }
    }
  3. 脚本更改:

    package.json

    复制代码
    "scripts": {
    -  "start": "react-scripts start"
    +  "start": "craco start"
    -  "build": "react-scripts build"
    +  "build": "craco build"
    -  "test": "react-scripts test"
    +  "test": "craco test"
    }
相关推荐
Bling_Bling_116 小时前
面试常考:js中 Map和 Object 的区别
开发语言·前端·javascript
前端小巷子16 小时前
JS实现丝滑文字滚动
前端·javascript·面试
oil欧哟16 小时前
🧐 我用 Vibe Coding 从 0 到 1 打造 AI 产品,上线一个月效果如何?有什么心得?
前端·产品·vibecoding
霍克itxt点top17 小时前
NestJS 入门到实战 前端必学服务端新趋势无密分享
前端
xiguolangzi17 小时前
1panel web服务部署
前端
写不出来就跑路17 小时前
基于 HTML+CSS+JavaScript 的薪资实时计算器(含本地存储和炫酷动画)
javascript·css·html
摘星编程17 小时前
Cursor Pair Programming:在前端项目里用 AI 快速迭代 UI 组件
前端·人工智能·ui·typescript·前端开发·cursorai
醉方休17 小时前
React Fiber 风格任务调度库
前端·javascript·react.js
北辰alk17 小时前
React Intl 全方位解析:为你的 React 应用注入国际化灵魂
前端
李白白i单身版17 小时前
前端VUE项目实现静默打印,无需用户手动确认
前端