JavaScript Module Bundlers and all that Jazz ✨

This page summarizes the projects mentioned and recommended in the original post on dev.to

SurveyJS - Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App
With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.
surveyjs.io
featured
InfluxDB - Power Real-Time Data Analytics at Scale
Get real-time insights from all types of time series data with InfluxDB. Ingest, query, and analyze billions of data points in real-time with unbounded cardinality.
www.influxdata.com
featured
  • webpack

    A bundler for javascript and friends. Packs many modules into a few bundled assets. Code Splitting allows for loading parts of the application on demand. Through "loaders", modules can be CommonJs, AMD, ES6 modules, CSS, Images, JSON, Coffeescript, LESS, ... and your custom stuff.

  • Webpack is a static module bundler for modern JavaScript applications. On processing your application - Webpack internally builds a dependency graph from one or more entry points and then combines every module your project needs into one or more bundles, which are static assets from which content is served.

  • Rollup

    Next-generation ES module bundler

  • Other popular build tools include Vite.js, Browserify, Rollup - The bundler behind vite.

  • SurveyJS

    Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.

    SurveyJS logo
  • parcel

    The zero configuration build tool for the web. 📦🚀

  • Parcel is a popular zero configuration build tool for the web. Some of its popular features include -

  • gulp

    A toolkit to automate & enhance your workflow

  • Browserify was great at bundling scripts, but what if we need to transform code - Say compile CoffeeScript to JavaScript, for this, a new group of tools for the web was born, which focussed on running code transforms. These are usually called task runners, and the most popular ones are Grunt and Gulp.

  • grunt

    Grunt: The JavaScript Task Runner

  • Browserify was great at bundling scripts, but what if we need to transform code - Say compile CoffeeScript to JavaScript, for this, a new group of tools for the web was born, which focussed on running code transforms. These are usually called task runners, and the most popular ones are Grunt and Gulp.

  • browserify

    browser-side require() the node.js way

  • This began to change when NPM came in and running npm install became a quick and easy way to install dependencies. Browserify became the first JavaScript bundler. As its documentation says -

NOTE: The number of mentions on this list indicates mentions on common posts plus user suggested alternatives. Hence, a higher number means a more popular project.

Suggest a related project

Related posts

  • How to use any NPM module with Browserify in the browser

    1 project | dev.to | 25 Jan 2023
  • Node.js やReact、ESM、Viteの説明

    7 projects | dev.to | 21 Jan 2023
  • How to serve my JS / node API client page?

    1 project | /r/learnprogramming | 20 Nov 2022
  • How to "import" modules in JS files and questions about best practices.

    1 project | /r/learnjavascript | 17 Nov 2022
  • Help with parse errors converting modular JavaScript to single file

    2 projects | /r/learnjavascript | 28 Oct 2022