5 ms·

What is Rollup vs Brunch? Coming from someone who just understood why we have Webpack vs Browserify.

by tiles 10y ago

Blaiz0r 10y ago
They're both alternative build tools Rollup is very similar to Webpack but is architectually different to allow it to optimise assets further and faster. Brunch has actually been around since before Grunt, it's just not marketed. It works in very simple fashion, just install plugins via npm and start using them, no need to edit configuration files (unless you have very specific requirements). I would consider Rollup as the new hotness, building upon the success of other tools and starting from a better position to create an optimised tool. Brunch is a long time standing tool that does a job very well and if your project doesn't require any special configuration or architecture it's so easy to use (it can be configured though).
- namelezz 10y ago
  How fast is Brunch and Rollup compared to Webpack? Is there something similar to Webpack dev server [0] in Rollup? [0] - https://webpack.github.io/docs/webpack-dev-server.html https://webpack.github.io/docs/webpack-dev-server.html
  - thelarkinn 10y ago
    Here is a up to date write-up for our proposal and review of performance in our repo https://github.com/webpack/webpack/issues/2873#issuecomment-241458071 https://github.com/webpack/webpack/issues/2873#issuecomment-...
    - namelezz 10y ago
      Thank you for the link. This sounds scary though. > Webpack will perform less-favorably compared to Rollup as the number of modules increases.
      - thelarkinn 10y ago
        It's not, in the end load and runtime perf boil down more to what and how much you load up front.
- thelarkinn 10y ago
  Rollup as the new hotness for _libraries_. We know that libraries see a weak point for us as well as runtime overhead for many modules in Webpack bundles, but Rollup is just tackling one challenge and that is js perf. Webpack manages all of your assets (even if they don't get bundled together). Along with a hundred different out of the box features.
bansheehash 10y ago
Google Chrome developers just made a video about it: https://www.youtube.com/watch?v=OhPUaEuEaXk https://www.youtube.com/watch?v=OhPUaEuEaXk
- pluma 10y ago
  To clarify because I nearly skipped over this video thinking it's about those two: The video actually explains what browserify/webpack do, as well as what rollup brings to the table. I don't think it covers brunch, however -- maybe I missed it. Make sure to watch the video with annotations. There are a lot of related links and clarifications.
RobertKerans 10y ago
Brunch is purely an asset build tool. Almost zero-config, very fast, older than Grunt, used for Elixir's Phoenix framework to deal with frontend so got a bit of traction recently.
- raarts 10y ago
  And recently introduced hot reloading support.
nnain 10y ago
Hah, I hear you! It's barely been 2 month that I got started with Webpack/React. Gave me a pretty hard time, learning all it's quirks... specially the way it handles CSS. And seems there's something new on the block already!

What is Rollup vs Brunch? Coming from someone who just understood why we have Webpack vs Browserify.

by tiles 10y ago

What is Rollup vs Brunch? Coming from someone who just understood why we have Webpack vs Browserify.

They're both alternative build tools Rollup is very similar to Webpack but is architectually different to allow it to optimise assets further and faster. Brunch has actually been around since before Grunt, it's just not marketed. It works in very simple fashion, just install plugins via npm and start using them, no need to edit configuration files (unless you have very specific requirements). I would consider Rollup as the new hotness, building upon the success of other tools and starting from a better position to create an optimised tool. Brunch is a long time standing tool that does a job very well and if your project doesn't require any special configuration or architecture it's so easy to use (it can be configured though).

namelezz 10y ago
How fast is Brunch and Rollup compared to Webpack? Is there something similar to Webpack dev server [0] in Rollup? [0] - https://webpack.github.io/docs/webpack-dev-server.html https://webpack.github.io/docs/webpack-dev-server.html
- thelarkinn 10y ago
  Here is a up to date write-up for our proposal and review of performance in our repo https://github.com/webpack/webpack/issues/2873#issuecomment-241458071 https://github.com/webpack/webpack/issues/2873#issuecomment-...
  - namelezz 10y ago
    Thank you for the link. This sounds scary though. > Webpack will perform less-favorably compared to Rollup as the number of modules increases.
    - thelarkinn 10y ago
      It's not, in the end load and runtime perf boil down more to what and how much you load up front.
thelarkinn 10y ago
Rollup as the new hotness for _libraries_. We know that libraries see a weak point for us as well as runtime overhead for many modules in Webpack bundles, but Rollup is just tackling one challenge and that is js perf. Webpack manages all of your assets (even if they don't get bundled together). Along with a hundred different out of the box features.

bansheehash 10y ago

Google Chrome developers just made a video about it: https://www.youtube.com/watch?v=OhPUaEuEaXk https://www.youtube.com/watch?v=OhPUaEuEaXk

pluma 10y ago
To clarify because I nearly skipped over this video thinking it's about those two: The video actually explains what browserify/webpack do, as well as what rollup brings to the table. I don't think it covers brunch, however -- maybe I missed it. Make sure to watch the video with annotations. There are a lot of related links and clarifications.

RobertKerans 10y ago

Brunch is purely an asset build tool. Almost zero-config, very fast, older than Grunt, used for Elixir's Phoenix framework to deal with frontend so got a bit of traction recently.

raarts 10y ago
And recently introduced hot reloading support.

nnain 10y ago

Hah, I hear you! It's barely been 2 month that I got started with Webpack/React. Gave me a pretty hard time, learning all it's quirks... specially the way it handles CSS. And seems there's something new on the block already!