2022-02-14のJS: Parcel 2.3.0、Vite 2.8.0、Angular Compilerがどのように動いているか、JavaScriptでDDD

[azu]

Parcel 2.3.0がリリースされました。

• Release v2.3.0 · parcel-bundler/parcel

ParcelでParcel自体のいくつかの依存関係を事前にbundleするように変更。 Node Core ModulesのpolyfillやBabel/PostCSSの依存関係をオンデマンドでインストールするように変更などの変更が含まれています。

• Reduce the number of npm dependencies needed by parcel by devongovett · Pull Request #7576 · parcel-bundler/parcel

Vite 2.8.0がリリースされています。

• vite/CHANGELOG.md at main · vitejs/vite

macOS Montereyで5000 portが利用されているため、vite previewのデフォルトportが4173へと変更されています。

また、Workerとしてbundleする対象をURL使ったものへと変更して、これを推奨として扱うように変更されています。

- import MyWorker from './worker.js?worker'
- const worker = new MyWorker()
+ const worker = new Worker(new URL('./worker.js', import.meta.url), { type: 'module' }) 

Parcel 2.3.0の変更もそうですが、Vite 2.8.0でもパッケージのインストールサイズの削減が含まれています。
依存関係を含めたパッケージのインストールサイズの測定には、Package Phobiaというサイトが使われることが多いですが、それぞれのパッケージのサイズは次のページで見られます。

• parcel - Package Phobia
• vite - Package Phobia

Parcelのインストールサイズが大きくなっているのは、実行する端末とは別のアーキテクチャのネイティブバイナリも含まれているためです。
Vite(esbuild)ではoptionalDependenciesを使って、実行する端末のアーキテクチャのバイナリだけをダウンロードしようとしています。

• Different strategy for installing platform-specific binaries · Issue #789 · evanw/esbuild

ただし、このoptionalDependenciesでアーキテクチャ別のパッケージ(バイナリ)を配布した時の挙動は、npm/yarn/pnpmで統一されているわけではありません。

現在SWCやesbuild、napi-rsを使ったnative moduleの需要が高まってきたため、この挙動を定義する方法について議論がされています。

• [RRFC] Add libc fields to select optionalDependencies should be installed or skipped · Issue #438 · npm/rfcs
• RFC: Package Distributions by darcyclarke · Pull Request #519 · npm/rfcs

---

How the Angular Compiler Works. The Angular Compiler (which we call… | by Alex Rickabaugh | Feb, 2022 | Angular Blogという記事では、AngularのコンパイラーであるAngular Compilerがどのようにコンポーネントをコンパイルしてるかについて解説されています。

どのようにコンポーネントの型チェックをしているかや、Transpileしているかについて解説されています。

---

Implementing DDD, CQRS and Event Sourcingという書籍は、コードにJavaScript/Node.jsを使ってDDD(ドメイン駆動開発)について解説しています。

書籍では、DDDの概念とその実装について書かれていて、特定のフレームワークを使わずに理論と実装を進めながらアーキテクチャについて解説しています。

なぜ、DDDの解説にJavaScriptを使ったかやサードパーティのライブラリを使わずに解説したのかについてなどのFAQは次の記事で解説されています。

• Why my book uses Node.js and JavaScript - Alex Lawrence
• Using the filesystem for illustration purposes - Alex Lawrence