如何导入我在没有node_modules的情况下在本地制作的React组件?

时间:2019-09-12 10:11:22

标签: reactjs npm npm-link

我构建了一个我想与本地其他项目一起使用的react组件(我的共享组件)。我使用汇总将组件捆绑在一起,并且输出是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的打包版本。

谢谢!

1 个答案:

答案 0 :(得分:0)

我最终通过在npm pack内使用my-shared-component,然后在主机应用内使用npm i ../.../full-path/my-shared-component-1.0.0.tgz来解决此问题。

那样,我只得到my-shared-component的打包捆绑版本,而没有node_modules和源代码。

这确实意味着我每次都必须打包共享组件,这并不理想。如果有人有更好的解决方案,请告诉我。

谢谢