Awesome GitHub RepositoriesBuild and Transpilation Tools

Babel is a pluggable JavaScript compiler and transpiler that converts modern ECMAScript syntax into backwards-compatible versions of the language. It functions as an abstract syntax tree manipulator, parsing source code into a hierarchical structure to traverse and modify nodes for custom code transformations. The system utilizes a plugin-driven architecture to apply specific transformation rules and supports presets that bundle multiple plugins into named configuration groups. This enables the transformation of experimental syntax and the injection of non-global polyfills to ensure consisten

PostCSS is a CSS post-processor and abstract syntax tree transformation tool that parses stylesheets into a structured tree for programmatic analysis and modification. It functions as a plugin-driven pipeline where JavaScript plugins can modify, insert, or delete nodes to transform styles. The project provides a framework for building a custom plugin ecosystem to extend the CSS language with non-standard features such as loops, conditionals, and shorthand properties. It supports multi-syntax parsing through pluggable parsers and stringifiers, allowing it to process various style formats and c

core-js is a comprehensive compatibility layer and standard library polyfill that implements ECMAScript proposals and stable language features across diverse JavaScript runtimes. It serves as a runtime environment shim to ensure consistent execution of global objects, iteration protocols, and standard library methods in older browsers or non-browser environments. The project is distinguished by its delivery models, offering both prototype-based global polyfilling and a pure-module implementation. This allows for the integration of modern functionality without modifying global prototypes to pr

wepy is a frontend build toolchain and component framework designed for creating mini programs. It provides a modular UI library and a system for building reusable interface elements that maintain consistent layouts across different platform environments. The project features a cross-platform build target system that maps a single source codebase to multiple distinct output formats. It utilizes a template-based compilation process to transform custom syntax into platform-specific markup and supports the integration of third-party JavaScript packages through asynchronous module resolution. Th

Autoprefixer is a PostCSS plugin and browser compatibility tool that automatically manages vendor prefixes for CSS rules. It functions as an abstract syntax tree transformer that parses CSS to insert required prefixes and remove obsolete ones based on real-time compatibility data. The project differentiates itself by providing a dedicated CSS Grid polyfill, which translates modern Grid syntax into legacy formats for older browser versions. It also allows for granular control through the use of inline CSS comments to selectively enable or disable prefixing for specific rules. The system cover

Browserslist is a browser compatibility configuration tool and a shared specification that synchronizes target browser versions across front-end build tools. It serves as a centralized system for defining browser support, ensuring consistency across CSS autoprefixers, JavaScript transpilers, and linting tools. The tool integrates browser usage analytics to determine target lists based on real-world traffic statistics and global usage data. It also functions as a user agent regex generator, converting browser version queries into regular expressions for matching and validating browser user age

UglifyJS2 is a suite of tools designed for parsing, beautifying, mangling, and minifying JavaScript code. It functions by converting source code into an abstract syntax tree to enable programmatic analysis and transformation, and it includes a dedicated generator for creating associated source maps. The project optimizes web production builds by compressing script logic and removing unreachable code. It utilizes name mangling to shorten variable and property names and implements a beautifier to reconstruct compressed scripts into a human-readable layout. The toolset covers broad capability a

This project is a comprehensive manual and educational resource focused on the Babel compiler. It serves as a documentation guide and handbook for understanding the inner workings of JavaScript compilation, specifically regarding the transformation of source code. The material provides a technical walkthrough for developing custom plugins and extensions. It covers the process of creating tailored transformations to modify how JavaScript is parsed and generated. The content encompasses the broader JavaScript compilation workflow, focusing on abstract syntax tree manipulation, code generation,

This project is a Webpack build guide and a reference for implementing a JavaScript module bundler. It serves as a frontend build pipeline designed to resolve dependencies, package source files, and optimize assets for web browsers. The guide focuses on asset optimization and performance strategies. This includes implementing code splitting for asynchronous module loading, extracting shared dependencies to improve browser caching, and generating multiple entrypoints to reduce initial download sizes. The project covers a broad range of build-time capabilities, including modern JavaScript tran

html-minifier هو أداة Node.js مصممة لتقليل حجم ملف HTML عن طريق تحسين الترميز، وتبسيط هياكل المستندات، وضغط CSS وJavaScript المضمن. يعمل كضاغط لترميز HTML ومحسن لمستندات الويب يقوم بإزالة المسافات البيضاء، والتعليقات، والسمات الزائدة. تتميز الأداة بكونها محسناً للأصول المضمنة، حيث تعالج المحتوى داخل وسوم النمط والسكربت عبر محركات ضغط متخصصة. تبسط المخرجات النهائية عن طريق إزالة الوسوم الاختيارية واستبدال أنواع المستندات الطويلة بإصدارات أقصر. يغطي المشروع مجموعة من قدرات التحسين، بما في ذلك تحسين السمات لإزالة علامات الاقتباس غير الضرورية والقيم الفارغة، بالإضافة إلى تنسيق هيكل المخرجات للتحكم في أطوال الأسطر. كما يتضمن آليات للحفاظ على الترميز لحماية وسوم أو كتل محتوى محددة من عملية الضغط.

This project is an AST-based code optimizer and compressor for modern ECMAScript, JSX, and TypeScript source code. It functions as a JavaScript minifier that uses the Babel toolchain to reduce file size by removing unnecessary characters and whitespace while preserving program logic. The tool is distinguished by its ability to process experimental language proposals and transform modern syntax into browser-compatible versions. It provides specialized handling for React JSX transpilation and strips type annotations from TypeScript files to produce compressed production assets. The system cove

📦 Configure webpack using functional feature blocks.

Copy files and directories with webpack

Transforms styleName to className using compile time CSS module resolution.

Add the opportunity to import modules by the root path

a better default template for html-webpack-plugin

【v0.2 no longer maintained】 Fix babel/babel#2212 - Follow the babel@5 behavior for babel@6

fast-async

✍️ Tracking the status of Babel's implementation of TC39 proposals (may be out of date)

optipng plugin for imagemin