javascript:build-tools
差分
このページの2つのバージョン間の差分を表示します。
次のリビジョン | 前のリビジョン | ||
javascript:build-tools [2024/12/02 02:34] – 作成 nullpon | javascript:build-tools [2024/12/02 02:51] (現在) – nullpon | ||
---|---|---|---|
行 4: | 行 4: | ||
雑まとめ | 雑まとめ | ||
- | ## フロントエンド開発ツール | + | ## 統合フロントエンド開発ツール |
- | - vite | + | 現在(2024年時点)ReactやVueなどのWebアプリケーション開発プロジェクトを開始する場合、これらいずれかのツールを入れて実行するところからスタートする。 |
- | - rsbuild | + | |
- | ## ビルドツール | + | ※ Next.jsを始める場合は、create-next-appを使う。 |
- | 他のツールの裏で動いているが単体でも利用可能 | + | |
+ | ### vite | ||
+ | |||
+ | 現在のスタンダードはこれ | ||
### rsbuild | ### rsbuild | ||
+ | |||
+ | viteの強力な競合。名前の通りRust製(後述のesbuildとは別なので注意) | ||
+ | |||
+ | |||
+ | ## ビルドツール・コンパイラ・バンドラ | ||
+ | |||
+ | 他のツールの裏でライブラリ的に使われることが多いが、単体でも利用可能 | ||
+ | |||
+ | ### esbuild | ||
viteのバックエンドで動くビルドツール | viteのバックエンドで動くビルドツール | ||
行 23: | 行 34: | ||
### rolldown | ### rolldown | ||
- | rsbuildとrollupを置き換える目的で作成されているビルドツール | + | esbuildとrollupを置き換える目的で作成されているビルドツール |
- | ### Rspack | + | ### rspack |
- | Rsbuildのバックエンドで動くビルドツール。webpackと互換性が高い。 | + | rsbuildのバックエンドで動くビルドツール。webpackと互換性が高い。 |
行 34: | 行 45: | ||
Next.jsやDenoのバックエンドで動く | Next.jsやDenoのバックエンドで動く | ||
+ | ### webpack | ||
+ | |||
+ | 現在はViteなどに押され気味だが、まだまだ利用されている | ||
</ | </ |
javascript/build-tools.1733106862.txt.gz · 最終更新: 2024/12/02 02:34 by nullpon