Need advice about which tool to choose?Ask the StackShare community!

Brunch

100
125
+ 1
40
Webpacker

129
48
+ 1
0
Add tool

Brunch vs Webpacker: What are the differences?

What is Brunch? Ultra-fast HTML5 build tool. Brunch is an assembler for HTML5 applications. It's agnostic to frameworks, libraries, programming, stylesheet & templating languages and backend technology.

What is Webpacker? Use Webpack to manage app-like JavaScript modules in Rails (by Rails). Webpacker makes it easy to use the JavaScript preprocessor and bundler Webpack to manage application-like JavaScript in Rails. It coexists with the asset pipeline, as the purpose is only to use Webpack for app-like JavaScript, not images, css, or even JavaScript Sprinkles (that all continues to live in app/assets).

Brunch and Webpacker can be primarily classified as "JS Build Tools / JS Task Runners" tools.

Brunch and Webpacker are both open source tools. Brunch with 6.58K GitHub stars and 461 forks on GitHub appears to be more popular than Webpacker with 4.29K GitHub stars and 893 GitHub forks.

Uber Technologies, CodeCombat, and Blossom are some of the popular companies that use Brunch, whereas Webpacker is used by Cambridge Brain Sciences, JetThoughts LLC, and Gratify Commerce. Brunch has a broader approval, being mentioned in 14 company stacks & 9 developers stacks; compared to Webpacker, which is listed in 7 company stacks and 5 developer stacks.

Get Advice from developers at your company using StackShare Enterprise. Sign up for StackShare Enterprise.
Learn More
Pros of Brunch
Pros of Webpacker
  • 13
    Easy and awesome
  • 9
    Ultra Fast
  • 9
    Light Configuration
  • 4
    Built-in dev server with live reload
  • 3
    Simple to use
  • 2
    Has many pre-configurable framework "skeletons"
    Be the first to leave a pro

    Sign up to add or upvote prosMake informed product decisions

    What is Brunch?

    Brunch is an assembler for HTML5 applications. It's agnostic to frameworks, libraries, programming, stylesheet & templating languages and backend technology.

    What is Webpacker?

    Webpacker makes it easy to use the JavaScript preprocessor and bundler Webpack to manage application-like JavaScript in Rails. It coexists with the asset pipeline, as the purpose is only to use Webpack for app-like JavaScript, not images, css, or even JavaScript Sprinkles (that all continues to live in app/assets).

    Need advice about which tool to choose?Ask the StackShare community!

    What companies use Brunch?
    What companies use Webpacker?
    See which teams inside your own company are using Brunch or Webpacker.
    Sign up for StackShare EnterpriseLearn More

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

    What tools integrate with Brunch?
    What tools integrate with Webpacker?
    What are some alternatives to Brunch and Webpacker?
    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.
    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.
    Parcel
    Parcel is a web application bundler, differentiated by its developer experience. It offers blazing fast performance utilizing multicore processing, and requires zero configuration.
    Grunt
    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.
    rollup
    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