gulp vs Parcel vs Webpack


+ 1

+ 1

+ 1

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.

What is Parcel?

Parcel is a web application bundler, differentiated by its developer experience. It offers blazing fast performance utilizing multicore processing, and requires zero configuration.

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.

Want advice about which of these to choose?Ask the StackShare community!

Why do developers choose gulp?
Why do developers choose Parcel?
Why do developers choose Webpack?

Sign up to add, upvote and see more prosMake informed product decisions

What are the cons of using gulp?
What are the cons of using Parcel?
What are the cons of using Webpack?
    Be the first to leave a con
      Be the first to leave a con
      What companies use gulp?
      What companies use Parcel?
      What companies use Webpack?

      Sign up to get full access to all the companiesMake informed product decisions

      What tools integrate with gulp?
      What tools integrate with Parcel?
      What tools integrate with Webpack?

      Sign up to get full access to all the tool integrationsMake informed product decisions

      What are some alternatives to gulp, Parcel, and Webpack?
      The less work you have to do when performing repetitive tasks like minification, compilation, unit testing, linting, etc, the easier your job becomes. After you've configured it, a task runner can do most of that mundane work for you—and your team—with basically zero effort.
      npm is the command-line interface to the npm ecosystem. It is battle-tested, surprisingly flexible, and used by hundreds of thousands of JavaScript developers every day.
      Yarn caches every package it downloads so it never needs to again. It also parallelizes operations to maximize resource utilization so install times are faster than ever.
      Brunch is an assembler for HTML5 applications. It's agnostic to frameworks, libraries, programming, stylesheet & templating languages and backend technology.
      It is a module bundler for JavaScript which compiles small pieces of code into something larger and more complex, such as a library or application. It uses the new standardized format for code modules included in the ES6 revision of JavaScript, instead of previous idiosyncratic solutions such as CommonJS and AMD.
      See all alternatives
      Decisions about gulp, Parcel, and Webpack
      No stack decisions found
      Interest over time
      Reviews of gulp, Parcel, and Webpack
      Avatar of gdi2290
      Co-Founder and CTO at Tipe
      Review ofgulpgulp

      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.

      Avatar of longgge
      pm at 36kr
      Review ofgulpgulp

      love it!l like gulp‘s logo!

      How developers use gulp, Parcel, and Webpack
      Avatar of Cloudcraft
      Cloudcraft uses gulpgulp

      Gulp is used as the build system for 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.

      Avatar of Volkan Özçelik
      Volkan Özçelik uses WebpackWebpack

      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.

      Avatar of Scrayos UG (haftungsbeschränkt)
      Scrayos UG (haftungsbeschränkt) uses gulpgulp

      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.

      Avatar of Refractal
      Refractal uses gulpgulp

      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.

      Avatar of IVS
      IVS uses gulpgulp

      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.

      Avatar of Tinker Travel
      Tinker Travel uses gulpgulp

      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.

      Avatar of Alec Cunningham
      Alec Cunningham uses WebpackWebpack

      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.

      Avatar of Kent Steiner
      Kent Steiner uses WebpackWebpack

      Flexible building and compiling of source for browser consumption, mainly for JS, but experimenting a little with CSS (although I prefer StylusJS for CSS).

      Avatar of Andrew Gatenby
      Andrew Gatenby uses WebpackWebpack

      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.

      Avatar of Cameron Drake
      Cameron Drake uses WebpackWebpack

      Webpack compiles files to bundles with source maps. Using Webpack you can use the latest features (ES6) and have it compiled to compliant js.

      How much does gulp cost?
      How much does Parcel cost?
      How much does Webpack cost?
      Pricing unavailable
      Pricing unavailable
      Pricing unavailable
      News about Parcel
      More news