前端工作流-？

Question

我是一名前端开发人员，在即将到来的大型项目中，我一直处于学习和使用什么的两难境地(webpack，嘟嘟声，吞咽，浏览器)。

我一直在开发小项目，除了grunt之外没有使用任何工具，但grunt中的工作流程效率不高，特别是在进行更改、添加新元素等时。

所以我想问问这里经验丰富的前端开发人员，在前端方面，什么是用于大型项目的最好的工具？基本上，我将不得不创建页面/主题，然后它将被发送到后端开发人员使用它。

我一直在寻找webpack，但是对于我想使用的webpack版本和插件，有一些不一致的地方。长话短说，我需要的所有插件都不能在一起工作，因为一些只在特定版本的webpack上工作。

我希望有人能用最好的工具来启发我。

提前感谢

Answer 1

我也经历过同样的事情，所以我的故事是：

我开始学习Gulp是因为当时我了解JavaScript和Node，因为Gulp主要是一个易于遵循的Node应用程序，这似乎是一个合理的选择。我研究了Grunt，但我对config符号没有正确的感觉，我想要更多的控制。

我制作了不同的Gulp‘builder’，为我的个人和专业项目(从scss到css，结合供应商脚本，如jquery/bootstrap，用Babel将es6编译成es5等)编译/编译和缩小资产。一切看起来都很好，Gulp做了我需要它做的事情，我的Gulp构建器做了它们应该做的事情。

但是后来..。

我发现了Webpack，开始在推特上关注一些Webpack的开发人员，开始阅读大量关于它的文章，关注它周围的炒作，并坠入爱河。我开始学习Webpack，但很快就意识到这比我想象的要难得多。与Gulp或Grunt相比，它有非常不同的方法，对我来说，甚至需要一段时间才能掌握基本知识，这是一种完全不同的思维方式，因为我习惯于使用Gulp。

我让Webpack做了古尔普曾经为我做的事情，这是一条痛苦的成功之路。

尽管如此，它还是值得学习的，因为我不想回到我以前的Gulp设置(并且希望我可以将旧的项目迁移到它)。

TL;DR

我不知道为什么我要用我的小故事让你厌烦:给Webpack一个机会，这是值得的。