当前位置: 首页 > news >正文

知识了解02——了解pnpm+vite+turbo+monorepo的完整构建步骤(react子项目)

(1)初始化monorepo

1)创建项目目录并进入当前目录

2)初始化 pnpm 工作区,生成一个package.json文件

3)在项目根目录下创建 pnpm-workspace.yaml 文件,并定义工作区目录

(2)安装 Turborepo

1)安装 Turborepo

2) 在项目根目录下创建 turbo.json 文件,配置构建任务

(3)  创建 React 子项目

1) 创建 packages 目录

2) 使用 Vite 创建 React 子项目

3) 配置子项目

①进入每个子项目目录,安装依赖并配置 vite.config.js(以app1为例,app2步骤相同)
②在 vite.config.js 中,确保配置正确(默认配置通常已足够)

(4)配置子项目依赖(可选)

1)子项目之间相互依赖

如果 app1 需要依赖 app2 的某个模块,可以在 app1 中安装 app2

2)共享依赖

如果多个子项目需要共享某些依赖(如 react、react-dom),可以在根目录安装这些依赖

(5)配置脚本

1) 在根目录的 package.json 中添加脚本和packageManager(包管理工具)(属性值为pnpm的版本,使用pnpm -v获取)

2) 在子项目的 package.json 中添加脚本

(6) 运行项目

1) 启动开发服务器

2)构建项目


文章转载自:
http://apices.pzdurr.cn
http://bronzesmith.pzdurr.cn
http://alptop.pzdurr.cn
http://celebret.pzdurr.cn
http://bellwort.pzdurr.cn
http://bof.pzdurr.cn
http://ard.pzdurr.cn
http://adnoun.pzdurr.cn
http://basque.pzdurr.cn
http://castle.pzdurr.cn
http://ball.pzdurr.cn
http://baroreceptor.pzdurr.cn
http://aortic.pzdurr.cn
http://chlamydate.pzdurr.cn
http://barney.pzdurr.cn
http://backveld.pzdurr.cn
http://borax.pzdurr.cn
http://asthenia.pzdurr.cn
http://bagasse.pzdurr.cn
http://aeropolitics.pzdurr.cn
http://carnarvon.pzdurr.cn
http://bmw.pzdurr.cn
http://calceate.pzdurr.cn
http://abolitionist.pzdurr.cn
http://aldine.pzdurr.cn
http://aspiring.pzdurr.cn
http://anagrammatism.pzdurr.cn
http://biocoenose.pzdurr.cn
http://astutely.pzdurr.cn
http://charm.pzdurr.cn
http://www.dtcms.com/a/126590.html

相关文章:

  • 【websocket】使用案例( ​JSR 356 标准)
  • ch07 题目参考思路
  • Git 实践笔记
  • 【远程工具】0 std::process::Command 介绍
  • 一周学会Pandas2 Python数据处理与分析-Pandas2读取Excel
  • 30天学Java第九天——线程
  • 计算机网络- 传输层安全性
  • BUG:Cannot find implementation for xxx. database. xxx. xxx_Impl does not exist
  • 2024第十五届蓝桥杯大赛软件赛省赛Java大学B组 报数游戏 类斐波那契循环数 分布式队列 食堂 最优分组 星际旅行 LITS游戏 拼十字
  • 【力扣hot100题】(089)最长有效括号
  • 通用 Web 项目安全加固 Checklist(语言无关通用模板)
  • 【2025年认证杯数学中国数学建模网络挑战赛】A题 解题建模过程与模型代码(基于matlab)
  • ch07 部分题目思路
  • 量子指纹识别
  • 【数据结构】排序
  • golang通过STMP协议发送邮件功能详细操作
  • 化工行业电气智能化管理系统解决方案
  • CVE-2025-31486 Vite开发服务器任意文件读取漏洞复现
  • Pytorch实现基于FlowS-Unet的遥感图像建筑物变化检测方法
  • wireshark抓包,镜像端口,观察端口
  • protobuf的应用
  • 第三节:React 基础篇-React组件通信方案
  • JAVA Web_定义Servlet_1 欢迎考生
  • 客户案例 | 日事清×初心家居:多部门协作实现新品上架自动化
  • 分布式ID生成方案的深度解析与Java实现
  • Docker 常用命令指南
  • Python表达式入门指南:从基础到实践
  • leetcode-动态规划25
  • Java接口深度解析
  • B3647 【模板】Floyd