Top 15 JavaScript Build Tool Projects

• webpack

  333 64,232 9.8 JavaScript

  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: How 'npm create vue@latest' works | dev.to | 2024-05-28

But what is a symbolic link exactly? It comes from programming and I often liken symbolic links to basic redirects but with greater stability. However, not every package needs a place in .bin. Packages like nodemon, webpack, gulp, eslint and create-vue are found in .bin because they need to be executed. On the other hand, packages like animate.css, swiper and express operate at the application layer, so you won't find them in .bin after installation. How does npm determine whether a package is executable or not? It's simple: by using the bin property in your package.json to specify the executable path. If your package is executable, you can set it accordingly. Let's take a look at prettier's package.json file

• parcel

  171 43,189 9.5 JavaScript

  The zero configuration build tool for the web. 📦🚀

  

Project mention: Create a typescript package with Parcel | dev.to | 2024-05-14

Parcel is a fast and zero-configuration web application bundler designed to simplify the build process for modern web projects. It's not limited to web applications, and it can be used to build packages targeting the browser or Node.js.

• SurveyJS

  surveyjs.io featured

  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.

  

• uncss

  5 9,397 4.1 JavaScript

  Remove unused styles from CSS

  

Project mention: Optimize CSS with SAT Solving | news.ycombinator.com | 2024-03-17

Check out: https://github.com/uncss/uncss

I've only used it once but it did the job (NOTE: Plain HTML, plain CSS, no build pipeline. So YMMV)

• wmr

  11 4,922 2.9 JavaScript

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

  

• style-dictionary

  5 3,680 6.3 JavaScript

  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) }) })

• Retire.js

  3 3,543 8.8 JavaScript

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

  

Project mention: Understanding security in React Native applications | dev.to | 2024-04-03

Retire.js

• create-elm-app

  2 1,679 0.0 JavaScript

  🍃 Create Elm apps with zero configuration

• InfluxDB

  www.influxdata.com featured

  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.

  

• ui5-tooling

  1 458 9.0 JavaScript

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

  

• vituum

  3 296 7.5 JavaScript

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

  

• offline-docs

  6 93 5.4 JavaScript

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

• frontal.js

  6 77 0.0 JavaScript

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

  

• learn-webpack

  1 36 0.0 JavaScript

  A collection of simple examples to explain how to configure Webpack

• juke-build

  2 33 0.0 JavaScript

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

• watever

  1 5 0.0 JavaScript

  WebAssembly text bundler

• What-is-Entry-Webpack-5

  2 0 3.2 JavaScript

  What is Entry - Webpack 5

• SaaSHub

  www.saashub.com featured

  SaaSHub - Software Alternatives and Reviews. SaaSHub helps you find the best software and product alternatives

  

JavaScript Build Tool related posts

• Svelte Series-2: How to install Svelte

  10 projects | dev.to | 20 May 2024

• Create a typescript package with Parcel

  1 project | dev.to | 14 May 2024

• Getting started with TiniJS framework

  7 projects | dev.to | 20 Apr 2024

• 11 Ways to Optimize Your Website

  12 projects | dev.to | 12 Nov 2023

• Bun vs Node.js: Everything you need to know

  7 projects | dev.to | 21 Sep 2023

• Whatever It Takes

  1 project | dev.to | 24 Jun 2023

• How To Secure Your JavaScript Applications

  11 projects | dev.to | 14 Jun 2023
• A note from our sponsor - SurveyJS
  surveyjs.io | 31 May 2024

  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. Learn more →

Index

Sponsored

SaaSHub - Software Alternatives and Reviews

SaaSHub helps you find the best software and product alternatives

www.saashub.com

Do not miss the trending JavaScript projects with our weekly report!