Software Alternatives & Reviews

The Frontend Hitchhiker's Guide: Build Tools

Webpack Browserify
  1. Webpack is a module bundler. Its main purpose is to bundle JavaScript files for usage in a browser, yet it is also capable of transforming, bundling, or packaging just about any resource or asset.
    Pricing:
    • Open Source
    Webpack is the most robust build tool on this list. Webpack has wide support for transformations such as dead code elimination, removing dead imported code and compressing images and svg. Webpack is also used by the angular CLI. However, webpack can be a bit daunting to pickup due to it's robustness.

    #Web Application Bundler #JS Build Tools #Module Bundler 219 social mentions

  2. Browserify lets you require('modules') in the browser by bundling up all of your dependencies.
    Pricing:
    • Open Source
    Browserify started with the simple mission of allowing you to port your nodejs code to run in the browser. It can be used out of the box to compile a node script into a bundle that can be dropped into a web page. Browserify also supports other build tool features such as transformations and CSS & image imports.

    #JS Build Tools #Module Bundler #Web Application Bundler 21 social mentions

Discuss: The Frontend Hitchhiker's Guide: Build Tools

Log in or Post with