モチベ

最近フロントエンドのツールセットに触れてないので、キャッチアップしておきたい。

bundler

• webpack
  • 大御所
  • https://webpack.js.org/
• Rollup
  • rollup.js
  • https://rollupjs.org/guide/en/
• Parcel
  • https://parceljs.org/
• esbuild
  • https://esbuild.github.io/
  • https://github.com/evanw/esbuild
• Rome
  • https://rome.tools/
• Vite
  • http://vitejs.dev/
• Snowpack
  • https://www.snowpack.dev/
• tsc CLI
  • TypeScript Compiler
  • https://www.typescriptlang.org/docs/handbook/compiler-options.html
• WMR
  • https://wmr.dev/
  • https://github.com/preactjs/wmr

小規模

• Deno
  • https://deno.land/
• Toast
  • https://www.toast.dev/
• Turborepo
  • https://turborepo.org/

dev server

• webpack DevServer
  • https://webpack.js.org/configuration/dev-server/
  • https://github.com/webpack/webpack-dev-server
• Vite
  • 比較: https://vitejs.dev/guide/comparisons
• Snowpack
  • https://www.snowpack.dev/
• WMR
  • https://github.com/preactjs/wmr
• Web Dev Server
  • @web/dev-server
  • https://modern-web.dev/docs/dev-server/overview/

ランキング

https://qiita.com/rana_kualu/items/e8a0f8f5589ff082539d#ビルドツール

https://2021.stateofjs.com/ja-JP/libraries/build-tools

Rome は死んだ。後継は Biome。

ときがながれて、いまや Vite 一強みたい。

http://vitejs.dev/