我不是专业的开发人员 - 我只是该领域的一个自学成才的业余爱好者,我跟随趋势的时间相当长。我使用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/