monorepo项目子包和子包之间互相引用注意事项

问题一、在子包之间互相引用函数时,如果只一味的配置tsconfig中path配置,是不行的,需要pnpm去下载workspace下子包建立软连接才是正解。

维度 tsconfig paths workspace 依赖
作用对象 TypeScript 编译器 Node / bundler / runtime
是否影响运行 ❌ 不影响 ✅ 真实依赖
是否生成 node_modules ✅(软链接)
是否有版本关系
是否可发布
是否符合 npm 生态

如果你只配了 paths:

  • TS 编译 ✔️

  • IDE 提示 ✔️

  • Node 运行 ❌(找不到模块)

除非你:

  • 用了 webpack / vite alias

  • 或 ts-node + tsconfig-paths

  • 或打包时重写 import

2️⃣ 打包器需要额外配置

你必须同步配置:

javascript 复制代码
// vite.config.ts
resolve: {
  alias: {
    '@shared': path.resolve(__dirname, '../shared/src')
  }
}

否则:

  • dev ✔️

  • build ❌

相关推荐
心柠13 小时前
前端工程化
前端
沐雪架构师13 小时前
核心组件2
前端
qq_3363139313 小时前
javaweb-Vue3
前端·javascript·vue.js
小圣贤君13 小时前
Electron 桌面应用接入通义万相:文生图从 0 到 1 实战
前端·electron·ai写作·通义万相·ai生图·写作软件·小说封面
南风知我意95713 小时前
【前端面试1】基础JS的面试题
前端·javascript·面试
wjhx13 小时前
在Qt Design Studio中进行页面切换
前端·javascript·qt
钱多多先森13 小时前
【Dify】使用 python 调用 Dify 的 API 服务,查看“知识检索”返回内容,用于前端溯源展示
开发语言·前端·python·dify
霍理迪13 小时前
JS—数组
开发语言·前端·javascript
Surplusx13 小时前
运用VS Code前端开发工具完成微博发布案例
前端·html
哪里不会点哪里.13 小时前
Nginx 详解:高性能 Web 服务器与反向代理
服务器·前端·nginx