angular - 为什么在 Angular 中使用 Gulp

标签 angular webpack gulp gruntjs mean-stack

<分区>

我正在申请一份工作,我被要求使用 MEAN Stack 和 Angular 2+ 开发一个小型网络应用程序。一切正常,但有人要求我也使用 Gulp/Grunt。

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

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

最佳答案

Gulp 被创建为任务运行器。

Gulp is a toolkit for automating painful or time-consuming tasks in your development workflow, so you can stop messing around and build something.

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

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

webpack is a static module bundler for modern JavaScript applications. When webpack processes your application, it internally builds a dependency graph which maps every module your project needs and generates one or more bundles.

它处理你所有的文件,它把 ESX 编译成一个更兼容的版本,把 sass 编译成 css...的。而且,它将您的文件打包到可供浏览器使用的模块中。

TL;TR:两者的行为相同,唯一的区别是 webpack 对您的代码应用/可以应用 gulp 不能应用的更多优化。

关于angular - 为什么在 Angular 中使用 Gulp,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/52294892/

相关文章:

Angular 2.0.0-rc.1 + 业力 : provide Router

node.js - http请求后浏览器显示err_empty_response

css - gulp watch 不将 sass 编译为 css

node.js - 生成子进程时管理 Gulp 依赖项

angular - 关于测试 Angular $localize 的建议 (Angular 9)

angular - 如果 "ng serve"正在运行,站点不会自动重新加载

javascript - react : Make components external

reactjs - Electron/React 应用程序中的热重载

reactjs - 下一个图像和下一个视频无法正常工作

javascript - 如何在 Gulp 4 中使用异步/等待?