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



我不是专业的开发人员 - 我只是该领域的一个自学成才的业余爱好者,我跟随趋势的时间相当长。我使用javascript的历史可以追溯到我14岁的时候,在我的C:/Windows/目录(它是Windows 98(上随机打开文件,直到我发现了一些有趣的.js文件。我学习了PHP,C和Python,但回到Javascript并跟随他从脚本语言到全栈工具的演变 - 首先,我玩Jquery/XSLT堆栈,然后使用Websocket和Gulp和browserify制作了一个小视频游戏,然后最近学习了一些Angular,Ionic和Vue,所有这些都基于Webpack。

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

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

现在make的坏面是很难让它与现代JavaScript工具一起使用(tsc明确建议我使用.tsconfig文件而不是CLI(。另一个例子是没有官方的 CLI 工具可以将.vue文件编译为 render(( 函数。

现在我的问题是,是否有一种现代工具不需要我重建、编译、缩小、丑化我的整个项目,并且每次在文件中添加逗号时都会损失 30 秒制造有什么问题?

我会对此事提出任何想法或更正,

并表示感谢:)

我不知道您项目的确切性质,但我认为没有一个工具可以解决您想要实现的所有目标。这就是为什么我们有术语"JavaScript疲劳"。

目前,Webpack 是 JavaScript 项目开发环境中的模块管理方面最接近"一环统治一切"的东西。

现在我的问题是,是否有一种现代工具不需要我重建、编译、缩小、丑化我的整个项目,并且每次在文件中添加逗号时都会损失 30 秒? 制造有什么问题?

既然你提到你熟悉 webpack,也许你可以看看它的热模块更换功能。以下是直接来自开发人员网站的描述:

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

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

一个可悲的事实是,每个工具都会带来额外的认知负荷。为了减少它,也许你可以:

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

关注推动社区前进的开发人员的工作可能有助于跟上最新的技术,通常他们会发表演讲并撰写文章。

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

请记住,这是开发人员中的常见问题,即使是最好的开发人员也会受到困扰。这就是为什么我们首先拥有这些工具的原因。好消息是,随着时间的流逝,尘埃落定,工具变得越来越好,越来越成熟,越来越稳定。

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

  • https://webpack.js.org/concepts/hot-module-replacement/

相关内容

  • 没有找到相关文章

最新更新