为什么在 Angular 中使用 Gulp

Question

我正在申请一份工作，并被要求使用 MEAN Stack 和 Angular 2+ 开发一个小型 Web 应用程序。一切正常，除了我被要求也使用 Gulp/Grunt。

我做了一些挖掘，我发现它们是任务运行器，它们主要用于 AngularJS 和其他 JS 技术，但我没有找到太多关于 Angular 2+ 的信息。

所以，我的问题是为什么我应该在 MEAN 堆栈网络应用程序中使用它，为什么使用它会使我的网络应用程序更好？Webpack 不是已经在做类似的事情了吗？

Answer 1

Gulp 被创建为任务运行器。

Gulp 是一个工具包，用于在您的开发工作流程中自动执行痛苦或耗时的任务，因此您可以停止乱七八糟并构建一些东西。

作为任务运行器，它可以做任何事情，从优化到复制文件。

另一方面，Webpack 是一个打包器。

webpack 是现代 JavaScript 应用程序的静态模块打包器。当 webpack 处理您的应用程序时，它会在内部构建一个依赖关系图，该图映射您的项目需要的每个模块并生成一个或多个包。

它处理您的所有文件，将 ESX 编译为更兼容的版本，将 sass 编译为 css……它与 gulp 的作用基本相同，但另一方面，它可以应用大量 gulp 无法实现的优化。而且，它将您的文件打包到可供浏览器使用的模块中。

TL;TR：两者的作用相同，唯一的区别在于 webpack 可以应用/可以对你的代码应用更多的优化，而 gulp 则不能。