在不同的本地 npm 包中使用本地 npm 包
Use local npm package within a different local npm package
我正在开发两个 React/TypeScript 包,Grid
和 App
。在内部,Grid
是对 App
的依赖。这两个包都有 .tsx
和 .css
文件,但由于每个项目的限制,它们位于不同的文件夹结构中......也就是 css
和 [=17 的相对路径=] 每个项目中的文件是不同的。每个包都在我的 monorepo 中的一个文件夹中。
这是我要找的东西:
- 我希望
Grid
位于它自己的文件夹中。我希望能够将它与 App
. 完全分开
- 我希望能够在处理
App
的同时编辑 Grid
文件,保存它们,并让我的 webpack watch 命令自动重新编译更改后的 Grid
文件。
- 我希望能够将类型、函数等从
Grid
导入到 App
。
有没有我可以使用的文件夹结构,可以轻松地做到这一点?我知道我可能可以用 soft linking
这些文件做一些事情,但我是新手,所以任何方向都将不胜感激。
这需要同时适用于 Mac、Linux 和 Windows。
你可以在你想打包的node app中使用npm link
,然后
npm link name
在您要使用链接应用的项目中。 name是链接包的名称(package.json中的那个)
我正在开发两个 React/TypeScript 包,Grid
和 App
。在内部,Grid
是对 App
的依赖。这两个包都有 .tsx
和 .css
文件,但由于每个项目的限制,它们位于不同的文件夹结构中......也就是 css
和 [=17 的相对路径=] 每个项目中的文件是不同的。每个包都在我的 monorepo 中的一个文件夹中。
这是我要找的东西:
- 我希望
Grid
位于它自己的文件夹中。我希望能够将它与App
. 完全分开
- 我希望能够在处理
App
的同时编辑Grid
文件,保存它们,并让我的 webpack watch 命令自动重新编译更改后的Grid
文件。 - 我希望能够将类型、函数等从
Grid
导入到App
。
有没有我可以使用的文件夹结构,可以轻松地做到这一点?我知道我可能可以用 soft linking
这些文件做一些事情,但我是新手,所以任何方向都将不胜感激。
这需要同时适用于 Mac、Linux 和 Windows。
你可以在你想打包的node app中使用npm link
,然后
npm link name
在您要使用链接应用的项目中。 name是链接包的名称(package.json中的那个)