前端工作流程 - webpack,grunt,browserify?

时间:2018-04-26 13:19:02

标签: webpack gruntjs

我是一名前端开发人员,在即将到来的大型项目中,我一直处于学习和使用(webpack,grunt,gulp,browserify)的两难境地。

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

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

我一直在寻找webpack但是对于我想要使用的webpack版本和插件存在一些不一致的问题。为了简化故事,我需要的所有插件都无法合作,因为某些插件仅适用于特定版本的webpack。

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

提前致谢

1 个答案:

答案 0 :(得分:1)

我一直在同一条船上,所以这就是我的故事:

我开始学习Gulp,因为当时我认识JavaScript和Node,看到Gulp主要是一个易于理解的Node应用程序,这似乎是合理的选择。我调查了Grunt,但是我没有使用配置符号的正确感觉,我想要更多控制。

我做了不同的Gulp'建设者'为我的个人和专业项目编译和编译和缩小资产(scss to css,结合供应商脚本,如jquery / bootstrap,将es6编译为es5与Babel等)。一切似乎都很好,Gulp做了我需要的东西,而我的Gulp建造者也做了他们的所作所为。

但是......

我发现了Webpack,开始关注Twitter上的一些Webpack开发人员,开始阅读很多关于它的内容,跟着围绕它的炒作并坠入爱河。我开始学习Webpack,但很快意识到它比我想象的要难。与Gulp或Grunt相比,它有一个非常不同的方法,对我而言,需要一段时间才能将基础知识降低,这是一种完全不同的思考方式,即我对Gulp的习惯。

我让Webpack做了Gulp过去常常为我做的事情,这是成功的痛苦之路。

然而,这是值得学习的,因为我不想回到我原来的Gulp设置(并希望我可以将旧项目迁移到它)。

TL; DR

我不知道为什么我的小故事让你感到厌烦:试试Webpack,这是值得的。