【问题标题】:frontend workflow - webpack, grunt, browserify? [closed]前端工作流程——webpack、grunt、browserify? [关闭]
【发布时间】:2018-04-26 13:19:01
【问题描述】:

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

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

所以我想在这里问经验丰富的前端开发人员,就前端而言,什么是大型项目的最佳工具?基本上我必须创建页面/主题,然后将其发送给后端开发人员使用它。

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

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

提前致谢

【问题讨论】:

  • 也许你可以添加你打算使用的框架(或不使用框架),例如如果你要使用 React,那就是 create-react-app 内置了 Webpack

标签: webpack gruntjs


【解决方案1】:

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

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

我为我的个人和专业项目(scss 到 css,结合 jquery/bootstrap 等供应商脚本,使用 Babel 编译 es6 到 es5 等)制作了不同的 Gulp“构建器”。一切似乎都很好,Gulp 做了我需要的事,我的 Gulp 构建者做了他们应该做的事。

然后……

我发现了 Webpack,开始在 Twitter 上关注一些 Webpack 开发者,开始阅读大量有关它的内容,关注它周围的炒作并坠入爱河。我开始学习 Webpack,但很快意识到这比我预期的要难。与 Gulp 或 Grunt 相比,它有一种非常不同的方法,对我来说,即使是基础知识也需要一段时间,对于我习惯使用 Gulp 的方式来说,这是一种完全不同的思维方式。

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

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

TL;DR

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

【讨论】:

  • 感谢 Milanzor 的投入,我非常感谢您的故事以及您花时间向我讲述您富有洞察力的故事。现在肯定会继续使用 webpack。顺便说一句,您介意分享您的 webpack.config.js 和 package.json 吗?如果我能看到你惊人的工作流程结构,如果我可以使用或取消它,那将是一个很大的帮助。再次感谢 Milanzor
  • 是的,我可以,我的 github 上有一些东西,例如 github.com/milanzor/stein-boilerplate 有一些 Webpack 配置可以帮助你,接下来我会先学基础,看看webpack.academy
猜你喜欢
  • 2017-06-20
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2015-06-26
  • 1970-01-01
  • 1970-01-01
  • 2014-07-05
相关资源
最近更新 更多