都2023年了,不要用CRA创建react项目了。创建react项目2023版

416 阅读1分钟

使用create-react-app创建的react项目有许多问题,开发团队都很少更新它了。所以,2023年要用新的方法创建react项目。

先说明一下:现在推荐使用pnpm,而不是npm与yarn,因为pnpm修正了npm与yarn的许多缺陷。传送门pnpm 基本详细使用(安装、卸载、使用) - 掘金 (juejin.cn)

创建react项目,最简单的方法是使用next.js框架,里面预设了react的许多扩展包。先执行命令
pnpm create next-app
然后回答几个问题,就创建好了。

如果不想用next.js这种庞大的框架,而是创建一个最简的react项目,强烈建议使用vite作为构建工具,传送门Vite | 下一代的前端工具链 (vitejs.dev)。如果项目名叫my-react-app,并使用TypeScript语言,那么执行命令
pnpm create vite my-react-app --template react-ts
如果不需要TypeScript语言~~(都2023年了还有不用TypeScript的吗?)~~
pnpm create vite my-react-app --template react

进入项目目录,安依赖包
pnpm install
调试运行
pnpm dev
构建
pnpm build
运行发布版本
pnpm preview
构建的版本默认在dist目录下