当前位置: 首页 > news >正文 知识了解02——了解pnpm+vite+turbo+monorepo的完整构建步骤(react子项目) news 2025/7/17 7:16:19 (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
(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