Webpack vs. gulp
|
|
|||||
|
|
|
|||||
Hacker News, Reddit, Stack Overflow Stats |
||||||
GitHub Stats |
||||||
Description |
What is Webpack?A bundler for javascript and friends. Packs many modules into a few bundled assets. Code Splitting allows to load parts for the application on demand. Through "loaders" modules can be CommonJs, AMD, ES6 modules, CSS, Images, JSON, Coffeescript, LESS, ... and your custom stuff.
|
What is gulp?Build system automating tasks: minification and copying of all JavaScript files, static images. More capable of watching files to automatically rerun the task when a file changes.
|
||||
Want advice about which of these to choose?Ask the StackShare community! |
||||||
Pros |
|
|
||||
Cons |
|
|
||||
Companies |
What companies use Webpack?
2462 companies on StackShare use Webpack
|
What companies use gulp?
1490 companies on StackShare use gulp
|
||||
Integrations |
What tools integrate with Webpack?
13 tools on StackShare integrate with Webpack
|
What tools integrate with gulp?
9 tools on StackShare integrate with gulp
|
||||
What are some alternatives to Webpack and gulp?
|
||||||
Latest News |
webpack 4: import() and CommonJs
February 14, 2018
webpack 4: mode and optimization
February 13, 2018
webpack 4: migration guide for plugins/loaders
January 29, 2018
|
How to use Buddy to automate Gulp tasks and generate...
September 01, 2017
Webpack vs Gulp · Buddy Blog
May 31, 2017
Add Gulp Inject to Your AngularJS Application
January 10, 2017
|
||||
Related Comparisons
Interest Over Time
Reviews of Webpack and gulp
-
gdi2290Streamline your build system
May 29, 2014 21:15
Gulp is a new build system which shows a lot of promise. The use of streams and code-over-configuration makes for a simpler and more intuitive build. There isn't much boilerplate code so you're able to roll your own asset pipeline. Even if you don't know node.js streams, gulp is pretty readable and easier to understand.
PS: It's worth saying if you know Grunt then you can learn Gulp in a day.
Ease of Use Documentation Reliability Support -
longggegood
May 05, 2016 20:39
love it！l like gulp‘s logo！
Ease of Use Documentation Reliability Support
How developers use Webpack vs gulp
-
Cloudcraft uses gulp
Gulp is used as the build system for Cloudcraft.co with a lot of custom targets: vendoring dependencies, transpiling ES2015 to Ecmascript5 (with Babel), incremental compilation of multiple watched modules, minification, creation of app distribution packages etc. Having previously used Grunt, I've come to greatly prefer Gulp due to the ability to easily write my own tasks using plain JS without necessarily relying on plugins for everything.
-
v0lkan uses Webpack
Webpack is the best bundler. Period.
Yes, it has a(n arguably) messy documentation, and a steep learning curve; but once you get the hang of it, there is nothing you cannot do with it.
Use it and you don’t have to use any other bundler at all.
It has a vivid ecosystem, and great plugin support.
-
Scrayos UG (haftungsbeschränkt) uses gulp
gulp is used to package our plugins for the WSC (Woltlab Suite Core) in a fast, convenient and code-driven way. We enjoy the comfort it offers with stuff like the gzip-plugin or tar-packing.
-
Refractal uses gulp
For all our frontend site builds, Grunt allows us to do one-click builds for SASS, Coffeescript and other tools, with minifying and general restructuring built right in.
-
IVS uses gulp
gulp is a fancy alternative to grunt (that we don't use anymore). Just use async/await instead of "stream" everything (which is a nonsens). We don't use gulp.
-
Tinker Travel uses gulp
If a project has a more complex build, gulp allows us to build a flexible build pipeline and automatically rebuild on files changes. Speeds up JS development.
-
aleccunningham uses Webpack
My preferred build tool; allows me to bundle my JSX, JS, CSS files for easy access and I can pass the bundle through my node server for server side rendering.
-
kfancy uses Webpack
Flexible building and compiling of source for browser consumption, mainly for JS, but experimenting a little with CSS (although I prefer StylusJS for CSS).
-
andrewgatenby uses Webpack
We use this to optimise the delivery of the client-side for our revised Admin System, so it's able to be delivered to browsers as efficiently as possible.
-
camwes uses Webpack
Webpack compiles files to bundles with source maps. Using Webpack you can use the latest features (ES6) and have it compiled to compliant js.
