Web 前端的构建工具

• Bundler
• JavaScript Compiler
  • Babel
  • TypeScript
  • dart2js
  • Fable
• JavaScript Minifier

Babel

• https://babeljs.io

Babel is a JavaScript compiler.

Fable

• https://fable.io

Fable is a compiler powered by Babel designed to make F# a first-class citizen of the JavaScript ecosystem

Webpack

• https://webpack.js.org

Parcel

• https://parceljs.org

Blazing fast, zero configuration web application bundler

parcel index.html

Minify

• UglifyJS
• Google Closure Compiler

Tree Shaking

• tree shaking is a dead code elimination technique.
• Dead code elimination in dynamic languages is a much harder problem than in static languages.
• Rather than eliminating code that can never be executed,
• tree shaking starts from entry point and includes only the code that is guaranteed to be executed.
• The idea of a "treeshaker" originated in LISP in the 1990s.

Resource

• Create App - https://createapp.dev

  Frontend build config generator