将代码打包为库后,开发人员的人机工程学损失

时间:2018-08-26 03:53:50

标签: npm webpack visual-studio-code

我制作了一些使用非常相似的图表代码的应用程序(使用webpack,babel,react,d3,npm等)。我正在将图表代码拆分为一个npm程序包,然后可以导入多个应用程序。

为了测试这一点,我将一个演示应用程序嵌入了图表库项目目录中,并将该库安装在其文件路径中。现在,大概可以将其安装在依赖的应用程序ABC等中,并且我可以更改图表库,所有应用程序都将反映这些更改。

我注意到的第一件事是,无论何时我进行任何更改,现在都必须cd进入图表库并运行npm run build(运行webpack),然后cd进入我正在使用的依赖应用程序并运行npm i。也许可以通过使用npm link来改善这一点,但是那里也存在一些问题(例如版本控制和部署到我的服务器)。因此,我的第一个问题是,既然我的图表代码位于一个单独的npm项目中,那么一个不错的快速开发方法是什么样的?

我注意到的另一个问题是,我的图表库代码失去了两个有价值的功能。 VSCode中的代码完成和chrome开发工具中的调试。我不确定为什么VSCode代码完成已停止工作。对于调试,我如何能够同时在chrome中调试我依赖的应用程序及其库?

1 个答案:

答案 0 :(得分:0)

我会使用npm link。在并行处理库及其集成时,它非常有用。

检查Chrome设置以确保未指示其跳过Settings-> Framework Blackboxing中的库,请参见例如http://blog.edenhauser.com/tell-chrome-debugger-to-ignore-libraries/