Need advice about which tool to choose?Ask the StackShare community!
gulp vs Webpacker: What are the differences?
gulp: The streaming build system. 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; 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).
gulp and Webpacker can be primarily classified as "JS Build Tools / JS Task Runners" tools.
gulp and Webpacker are both open source tools. gulp with 31.3K GitHub stars and 4.41K forks on GitHub appears to be more popular than Webpacker with 4.29K GitHub stars and 893 GitHub forks.
Typeform, PedidosYa, and Mailgun are some of the popular companies that use gulp, whereas Webpacker is used by Cambridge Brain Sciences, JetThoughts LLC, and Gratify Commerce. gulp has a broader approval, being mentioned in 1163 company stacks & 705 developers stacks; compared to Webpacker, which is listed in 7 company stacks and 5 developer stacks.
Very simple to use and a great way to optimize repetitive tasks, like optimize PNG images, convert to WebP, create sprite images with CSS.
I didn't choose Grunt because of the fact it uses files and Gulp uses memory, making it faster for my use case since I need to work with 3000+ small images. And the fact Gulp has 32k+ stars on GitHub.
Pros of gulp
- Build speed451
- Readable277
- Code-over-configuration244
- Open source210
- Node streams175
- Intuitive107
- Lots of plugins83
- Works great with browserify66
- Easy to Learn45
- Laravel-elixir17
- build workflow4
- Simple & flexible3
- Great community3
- Stylus intergration2
- Clean Code2
- jade intergration2
- Well documented0