如何在javascript开发过程中毫无意义地重建依赖性?

时间:2018-05-20 16:44:36

标签: javascript node.js makefile build-tools

我不是一名专业的开发人员 - 我只是该领域的一名自学成才的业余爱好者,而且我对这一趋势进行了一些延迟。我使用javascript的历史可以追溯到我14岁时随机打开C:/Windows/目录(它是Windows 98)上的文件,直到找到一些有趣的.js文件。我学习了PHP,C和python,但回到了Javascript并跟随他从脚本语言到完整堆栈工具的演变 - 首先,我使用Jquery Jquery / XSLT堆栈,然后使用Websocket和Gulp进行了一些视频游戏。浏览器,然后最近学习了一些基于Webpack的Angular,Ionic和Vue。

我正在使用什么工具作为任务管理器。特别是,我倾向于认为目前使用的大多数工具都效率低下 - 难以配置,需要一千个插件才能工作,这通常会造成版本之间的不兼容,......更重要的是(我可能在这里错了)但是为什么会这样他们都没有检查需要重建哪些依赖项?

上次,我使用npm test在打字稿项目中启动我的测试并且非常沮丧。我意识到整个项目都是在每次编译时都改变了我的测试文件。在C语言中开发后,我发现效率非常低,并写了一个makefile来解决这个问题。

现在make的不好的一面是,它很难用现代的javascript工具(tsc明确地建议我使用.tsconfig文件而不是CLI。另一个例子是没有正式的CLI工具将.vue文件编译成render()函数。

现在我的问题是是否有一个现代工具,不需要我重建,编译,缩小,整理我的整个项目,每次在文件中添加逗号时都会丢失30秒? make有什么问题?

我会感激地对此事采取任何想法或纠正:)

1 个答案:

答案 0 :(得分:2)

我不知道您项目的确切性质,但我认为没有一个工具可用于您想要实现的所有目标。这就是为什么我们有“javascript疲劳”一词。

目前,对于javascript项目的开发环境中的模块管理,Webpack是我们最接近“统一所有”的一环。

  

现在我的问题是,是否有一个现代工具,不需要我重建,编译,缩小,整理我的整个项目,每次在文件中添加逗号时都会丢失30秒? make有什么问题?

由于您提到您熟悉webpack,也许您可​​以查看其热模块更换功能。以下是直接来自开发者网站的描述:

热模块更换(HMR)在应用程序运行时交换,添加或删除模块,无需完全重新加载。这可以通过以下几种方式显着加快开发速度:

  • 保留在完全重新加载期间丢失的应用程序状态。
  • 只需更新已更改的内容,即可节省宝贵的开发时间。
  • 更快地调整样式 - 几乎可以与浏览器调试器中的样式更改相媲美。

令人遗憾的是,每个工具都会产生额外的认知负担。要减少它,也许你可以:

  • 遵循工作流程中的某些模式和习惯
  • 有频繁的基本设置或样板项目
  • 查看最佳做法
  • 利用备忘单和API文档
  • 在互联网上搜索前结帐源代码,可能比在互联网上搜索更省时,更少混淆
  • 尝试为您的项目掌握一些重要工具

随着推动社区发展的开发人员的工作可能有助于及时了解技术,通常他们会发表演讲和撰写文章。

当你看到它们一个接一个地列出时,看起来可能看起来很多,但从长远来看,你会发现它更有价值,而且耗时更少。

请记住,这是开发人员的常见问题,即使最好的人也会受到影响。这就是我们首先拥有这些工具的原因。好消息是,随着时间的推移,尘埃落定,工具越来越好,越来越成熟,越来越稳定。

有关热模块更换的更多信息: