実践 Node.js Native ESM — Wantedlyでのアプリケーション移行事例 | Wantedly Engineer Blog

2022/08/30 6 users フロントエンドアプリケーション Nati Wantedly

Wantedlyではこのたび、フロントエンドアプリケーションのひとつをNative ESM化しました。本記事ではNative ESM化の必要性と、必要な作業について説明します。 この記事の概要 Node.jsにはNative ESMというモードがある。 Native ESMはまだ普及していないが、ライブラリ側の更新が進み、移行が必要になりつつある。 Nati... 続きを読む

Native ESM + TypeScript 拡張子問題: 歯にものが挟まったようなスッキリしない書き流し

2022/02/12 20 users TypeScript CJS 挙動 モジュール node.js

Node.jsのNative ESM対応は夢の機能ですが、夢を詰め込みすぎたせいかCJSからの移行を難しくしているポイントが依然として存在します。そのひとつが拡張子問題で、Node.jsのNative ESMではモジュールの拡張子を明示しなければいけなくなりました。 (これはWebブラウザの挙動に近づけるための判断だと考えられます。) 特... 続きを読む

Native ESM 時代のフロントエンドビルドツールの動向

2021/03/09 111 users 動向 Webpack vite rollup import

No Bundle ツールの流行: vite / rollup モダンブラウザは Native ESM を備えているので、開発時は高速な localhost アクセスを頼って直接 import する、外部ライブラリだけ事前にコンパイルしておく、という手法が流行ってきている。プロダクション用は今まで通りビルドする。 webpack はすべてを一つにバンドルするた... 続きを読む