JavaScript Build Tool

Open-source JavaScript projects categorized as Build Tool

Top 16 JavaScript Build Tool Projects

  • 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.

    Project mention: Bun vs Node.js: Everything you need to know | dev.to | 2023-09-21

    In the Node.js ecosystem, bundling is typically handled by third-party tools rather than Node.js itself. Some of the most popular bundlers in the Node.js world include Webpack, Rollup, and Parcel, offering features like code splitting, tree shaking, and hot module replacement.

  • parcel

    The zero configuration build tool for the web. 📦🚀

    Project mention: Bun vs Node.js: Everything you need to know | dev.to | 2023-09-21

    In the Node.js ecosystem, bundling is typically handled by third-party tools rather than Node.js itself. Some of the most popular bundlers in the Node.js world include Webpack, Rollup, and Parcel, offering features like code splitting, tree shaking, and hot module replacement.

  • Amplication

    Amplication: open-source Node.js backend code generator. An open-source platform that helps developers build backends without spending time on boilerplate & repetitive coding. Including production-ready GraphQL & REST APIs, DB schema, DTOs, filtering, pagination, RBAC, & more.

  • uncss

    Remove unused styles from CSS

  • wmr

    👩‍🚀 The tiny all-in-one development tool for modern web apps.

  • Neutrino

    Create and build modern JavaScript projects with zero initial configuration.

  • Retire.js

    scanner detecting the use of JavaScript libraries with known vulnerabilities. Can also generate an SBOM of the libraries it finds.

  • style-dictionary

    A build system for creating cross-platform styles.

    Project mention: Syncing Figma Variables and StyleDictionary with GitHub Actions | dev.to | 2023-08-03

    function getStyleDictionaryConfig(brand) { return { source: [`tokens/brands/${brand}/*.json`, 'tokens/globals/**/*.json'], platforms: { /** * Available platforms: https://amzn.github.io/style-dictionary/#/config?id=platform */ web: { transformGroup: 'web', buildPath: `build/web/${brand}/`, files: [ { destination: 'tokens.scss', format: 'scss/variables', }, ], }, }, } } /** * Build the tokens for each brand. * {@see - Example based on https://github.com/amzn/style-dictionary/tree/main/examples/advanced/multi-brand-multi-platform} */ ['microsoft', 'xbox'].map(function (brand) { ['web'].map(function (platform) { const StyleDictionary = StyleDictionaryPackage.extend( getStyleDictionaryConfig(brand), ) StyleDictionary.buildPlatform(platform) }) })

  • Appwrite

    Appwrite - The open-source backend cloud platform. The open-source backend cloud platform for developing Web, Mobile, and Flutter applications. You can set up your backend faster with real-time APIs for authentication, databases, file storage, cloud functions, and much more!

  • create-elm-app

    🍃 Create Elm apps with zero configuration

    Project mention: i need help choosing a language | /r/functionalprogramming | 2022-11-16

    If you want to quickly do some small projects, maybe try Elm. You'll have code running and easy to use in no time. There's a nice tool (create-elm-app) to setup a progressive Web app, I used it to make several small applications available on my smartphone.

  • ui5-tooling

    An open and modular toolchain to develop state of the art applications based on the UI5 framework

  • vituum

    ⚡⚙️ Fast Prototyping with Template Engines in Vite. Small and fast static site generator for Vite.

  • frontal.js

    A Modern HTML development framework and build-tool for your next static website.

  • offline-docs

    A collection of scripts to build offline documentation for your favourite frameworks/libraries. Simply search, copy/paste the commands and enjoy.

    Project mention: Hacktoberfest Conclusion | dev.to | 2022-10-31

    After this I really hit the ball rolling and was able to find more issues to work on. One thing that I enjoyed was that all of my PRs were drastically different from each other. I worked on correcting documentation for AdonisJS, fixed a HTTP Content-Type Header bug in tiny-http, and then finally even created a short script for users to load up their own local version of the Electron documentation site.

  • learn-webpack

    A collection of simple examples to explain how to configure Webpack

  • juke-build

    General Purpose Build System with JavaScript DSL for Node.js.

  • watever

    WebAssembly text bundler

  • What-is-Entry-Webpack-5

    What is Entry - Webpack 5

  • SurveyJS

    A Non-Cloud Alternative to Google Forms that has it all.. SurveyJS JavaScript libraries allow you to easily set up a robust form management system fully integrated into your IT infrastructure where users can create and edit multiple dynamic JSON-based forms in a no-code form builder. Learn more now.

NOTE: The open source projects on this list are ordered by number of github stars. The number of mentions indicates repo mentiontions in the last 12 Months or since we started tracking (Dec 2020). The latest post mention was on 2023-09-21.

JavaScript Build Tool related posts

Index

What are some of the best open-source Build Tool projects in JavaScript? This list will help you:

Project Stars
1 webpack 63,530
2 parcel 42,713
3 uncss 9,347
4 wmr 4,886
5 Neutrino 3,955
6 Retire.js 3,377
7 style-dictionary 3,372
8 create-elm-app 1,670
9 ui5-tooling 435
10 vituum 231
11 frontal.js 77
12 offline-docs 65
13 learn-webpack 34
14 juke-build 33
15 watever 5
16 What-is-Entry-Webpack-5 0
Updating dependencies is time-consuming.
Solutions like Dependabot or Renovate update but don't merge dependencies. You need to do it manually while it could be fully automated! Add a Merge Queue to your workflow and stop caring about PR management & merging. Try Mergify for free.
blog.mergify.com