使用Javascript框架而不使用诸如grunt和gullow之类的构建工具

Use Javascript frameworks without build tools like grunt and gulp?

本文关键字：gullow 工具构建 grunt 框架 Javascript 使用更新时间：2023-09-26

我正在尝试一些现代的Javascript框架，如Angular、React、Vue和Ember，他们都希望我使用npm、grunt、gulp、maven等构建工具。

网络编程曾经很有趣。只需更改一些文件，刷新浏览器，看看它是否有效。现在，每次我更改某个东西时，我都必须重新构建它，这需要相当长的时间。我真的很讨厌看到网络编程变成这样。我知道使用这些工具甚至可以自动完成构建，查看文件更改等，但仍然很糟糕。

我的问题是，当我想使用其中一个提到的框架时，我应该在每次运行时都使用构建工具吗？还是我只需要这些工具来进行部署和测试（或者根本不需要）？

您不必使用这些工具。它们主要针对那些希望在大型项目中使用框架的人，并且具有可以将数百个JS组件编译到一个文件中的功能。我个人主要将它们用于自动化构建测试、单元测试，以及在发布日将所有资产捆绑在一起。让我们逐一讨论您提到的框架：

React：React在其入门页面上提供了其代码的已编译版本
AngularJS：与react相同，只有一个文件可以包含，只需查找"angular cdn"
Vue：它们还有一个文件，您可以直接将其包含在内
徽章：参见上面的

对于大多数框架，您只需查找"frameworkCDN的名称"即可获得在线托管的js文件，您可以以旧的方式将其快速添加到web开发项目中。

有些库需要构建代码，有些则不需要。从你的清单上看，他们中没有一个在技术上需要它。它们都可以通过简单地将js文件包含在<script>标记中来工作。然而，有许多框架/库（如sass或coffeescript）确实需要构建工具，因为源代码必须编译为浏览器所理解的html/javascript/css。

此外，没有任何理由反对使用构建工具。正如您所说，它们可以在文件更改时自动运行，所以它们实际上只是在后台。