如何导入我在没有node_modules的情况下在本地创建的React组件？

Question

我构建了一个react组件(my-shared- component )，希望在本地与其他项目一起使用。我使用rollup捆绑我的组件，输出是dist文件夹。

为了避免将组件发布到npm，我使用了npm link。然而，当我在我的主机组件中执行npm link <my-shared-component>时，整个共享组件文件夹被添加到我的node_modules中，包括我的组件的node_modules库、源文件等-这在我的主机应用程序中导致了几个错误。

显然我不想这样做，如果我将我的组件发布到npm，然后使用npm -i my-shared-component，那么只会安装dist文件夹。

我可以使用npm-link在本地模拟此行为吗？我想使用my-shared-component的打包版本。

谢谢!

Answer 1

我最终通过在我的my-shared-component中使用npm pack，然后在我的主机应用程序中使用npm i ../.../full-path/my-shared-component-1.0.0.tgz来解决这个问题。

这样一来，我只得到了打包的捆绑版本的my-shared-component，没有node_modules和源代码。

这确实意味着我每次都必须打包我的共享组件，这是不理想的。如果有人有更好的解决方案，请让我知道。

谢谢