我制作了一些使用非常相似的图表代码的应用程序(使用webpack,babel,react,d3,npm等)。我正在将图表代码拆分为一个npm程序包,然后可以导入多个应用程序。
为了测试这一点,我将一个演示应用程序嵌入了图表库项目目录中,并将该库安装在其文件路径中。现在,大概可以将其安装在依赖的应用程序A
,B
和C
等中,并且我可以更改图表库,所有应用程序都将反映这些更改。
我注意到的第一件事是,无论何时我进行任何更改,现在都必须cd
进入图表库并运行npm run build
(运行webpack),然后cd
进入我正在使用的依赖应用程序并运行npm i
。也许可以通过使用npm link
来改善这一点,但是那里也存在一些问题(例如版本控制和部署到我的服务器)。因此,我的第一个问题是,既然我的图表代码位于一个单独的npm项目中,那么一个不错的快速开发方法是什么样的?
我注意到的另一个问题是,我的图表库代码失去了两个有价值的功能。 VSCode中的代码完成和chrome开发工具中的调试。我不确定为什么VSCode代码完成已停止工作。对于调试,我如何能够同时在chrome中调试我依赖的应用程序及其库?
答案 0 :(得分:0)
我会使用npm link
。在并行处理库及其集成时,它非常有用。
检查Chrome设置以确保未指示其跳过Settings
-> Framework Blackboxing
中的库,请参见例如http://blog.edenhauser.com/tell-chrome-debugger-to-ignore-libraries/。