[B! ESM][javascript] okyawaのブックマーク

okyawa id:okyawa

ESMとjavascriptに関するokyawaのブックマーク (3)

Node.js + TypeScriptのモジュールを整理してみる
はじめにlink 最近受けるNode.js + TypeScript環境の相談の中で、CommonJSやECMAScript Modulesのあたりで落とし穴にはまっている人が多いという事に気づいた。 Node.jsは歴史的にCommonJSとECMAScript Modules（以後ESMと表記）がどうしても入り乱れる環境にあり、これにTypeScriptのモジュールが加わると組み合わせでさらに複雑度が増すのが現状である。説明する際に口頭より整理した文章が欲しいと思ったので記事にする。以下のリポジトリで検証コードを管理している。 https://github.com/koh110/module_test Node.jsモジュールチェックシートlink まず最初にNode.jsにおけるCommonJSとESMの挙動について整理する。いきなり書かれても把握できないかもしれないが、一旦こ
okyawa 2024/04/24
TypeScript

node

js

javascript

ts

module

esm

ESModules

CommonJS
リンク
実践 Node.js Native ESM — Wantedlyでのアプリケーション移行事例 | Wantedly Engineer Blog
Wantedlyではこのたび、フロントエンドアプリケーションのひとつをNative ESM化しました。本記事ではNative ESM化の必要性と、必要な作業について説明します。この記事の概要Node.jsにはNative ESMというモードがある。Native ESMはまだ普及していないが、ライブラリ側の更新が進み、移行が必要になりつつある。Native ESMをめぐる状況は (この記事の長さからわかるように) 色々複雑で、概念をちゃんと説明するだけでも大変。Native ESMへの移行にあたってはさまざまな困難が待ち受けている。Native ESMとは歴史的経緯から、JavaScriptには複数のモジュールシステムがあります。そのうちNode.js周辺でよく使われるのはCommonJS ModulesとES Modulesです。 CommonJS Modules (CJS) は実質的に
okyawa 2022/09/02
ESM

node.js

native esm

esm

javascript

node

CommonJS Module

ES Modules
リンク
Node.jsライブラリ/ツールをESMに移行する[Node.js 12+]
パッケージの移行パッケージをESMなパッケージとして明示する方法は2つ .mjs の拡張子を使う package.json の type フィールドに module の値を設定する基本的にパッケージ単位で移行すると思うので、後者の package.json の "type": "module"を設定する。この設定をすると、パッケージ内のJavaScriptがモジュールのコンテキストで実行されるようになる。モジュールでは常にstrict modeとなり、Node.jsのESMではrequire、exports、__dirname、__filename などが利用できなくなる。代わりに、ES2015+のimportとexport文がモジュール構文として利用できるようになる。 JavaScript モジュール - JavaScript | MDN Differences between
okyawa 2022/03/11
node

nodejs

ECMAScript

ESM

esm

javascript

mjs
リンク
1