TypeScriptのmoduleオプションの話、あるいはTypeScript開発者の苦悩、あるいはCJSとESMの話
皆さんこんにちは。早速ですが、TypeScriptのmoduleオプションはご存じでしょうか。moduleオプションは、例えば次のような値をサポートしています。 commonjs umd es2015 esnext node16 nodenext 皆さんは、moduleオプションが何を設定するオプションなのか一言で説明できますか？ 実は、TypeScriptの熟練者であってもmoduleオプションを一言で説明することは難しいはずです。なぜなら、そもそもこのmoduleオプションが複数の異なる意味で使われており、もはや一言で説明できるようなものではなくなってしまったからです。 この記事では、TypeScriptのメンテナーが書いた次のGitHub issueをベースに、moduleオプションを取り巻く状況を説明します。 moduleオプションの意味とは 昔はmoduleオプションの意味は明確
The ESM move · sindresorhus/meta · Discussion #15
At the end of April, Node.js 10 goes out of LTS, which means I can target Node.js 12 in my packages. Node.js 12 has full ESM support! Required reading: https://nodejs.org/api/esm.html I plan to migrate most of my (1K+) packages to ESM within 2021. At the start of April, I will begin with some less popular packages, just to test the waters. I will use "type": "module" in package.json and not .mjs.
ESM-CJS interop test
ESM-CJS interop test Test Cases Results Node.js Babel Webpack Rollup.js Parcel esbuild Results by test case Results by syntax import x and similar import { named } and similar import { __esModule } and similar import * and similar import() and similar require().default and similar require().named and similar require().__esModule and similar require() and similar Direct differences Webpack <-> Node
GitHub - guybedford/es-module-lexer: Low-overhead lexer dedicated to ES module parsing for fast analysis
import { init, parse } from 'es-module-lexer'; (async () => { await init; const source = ` import { name } from 'mod\\u1011'; import json from './json.json' assert { type: 'json' } export var p = 5; export function q () { }; export { x as 'external name' } from 'external'; // Comments provided to demonstrate edge cases import /*comment!*/ ( 'asdf', { assert: { type: 'json' }}); import /*comment!*/
markedで安全にMarkdownからHTMLを生成するsafe-marked
MarkdownをHTMLにコンパイルするmarkedは0.7.0でsanitizeオプションを非推奨にしています。 これはサニタイズの処理をmarkedから外す目的です。 Sanitize and sanitizer · Issue #1232 · markedjs/marked このsanitizeオプションの代わりにDOMPurifyを利用することを推奨していますが、 DOMPurifyはブラウザとNode.js両方で使うには癖があるためちょっとややこしいです。 なぜならDOMPurifyはDOM APIに依存しているため、 Node.jsで動かす場合はjsdom使うためです。 単純にjsdomを使ってしまうとブラウザでもjsdomが含まれてしまい、ファイルサイズが巨大になってしまいます。 そのため、ブラウザ向けの場合では直接DOMPurifyを使い、 Node.jsの場合はDOMP
Using ES modules in Node.js - LogRocket Blog
LogRocket’s Galileo AI watches every session, surfacing impactful user struggle and key behavior patterns. Editor’s note: This article was updated on 3 March 2021. Introduction “Before software can be reusable, it first has to be usable.” – Ralph Johnson Modules are independent building blocks of a software program. They are basically a design pattern that implements features of modular design in
Snowpack
Update (April 20, 2022): Snowpack is no longer actively maintained and is not recommended for new projects. Check out Vite for a well-maintained Snowpack alternative. See also: esbuild, parcel What is Snowpack?Snowpack is a lightning-fast frontend build tool, designed for the modern web. It is an alternative to heavier, more complex bundlers like webpack or Parcel in your development workflow. Sno
modules/doc/unflagging-announcement.md at main · nodejs/modules
Node.js will treat the following as ES modules when passed to node as the initial input, or when referenced by import: Files ending in .mjs. Files ending in .js, or extensionless files, when the nearest parent package.json file contains a top-level field "type" with a value of "module". Strings passed in as an argument to --eval or piped to node via STDIN, with the flag --input-type=module. Node.j
new ESM implementation by MylesBorins · Pull Request #26745 · nodejs/node
This PR updates the current --experimental-modules implementation based on the work of the modules team and reflects Phase 2 of our new modules plan. A longer form description of these changes can be found in our draft blog post. The largest differences from the current implementation include packge.type which can be either module or commonjs type: "commonjs": .js is parsed as commonjs default for
Modules: A Roadmap
Modules: A Roadmap @mylesborins, @GeoffreyBooth, [your name here] Timeline Replace flagged implementation in Node.js core before Node.js 12 ships in April 2019 Unflag that implementation before Node.js 12 moves to LTS in October 2019 What features are out of scope for timeline VM Modules Package ...
ECMAScript modules in Node.js: the new plan
Status of ECMAScript module (ESM) support in Node.js: Experimental support for ESM was added in Node.js 8.5.0 (2017-09-12). Afterwards, the Node.js Foundation Technical Steering Committee formed the Modules Team to help design missing pieces and to guide the implementation towards its (non-experimental) release. The Modules Team is comprised of people from several different web development areas (
Dynamic Modules Support in ECMA-262 - Google スライド
Dynamic Modules Support in ECMA-262 PR#1306
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Problems with Node.js `--experimental-detect-module` · Issue #56678 · microsoft/TypeScript
GitHub - nodejs/cjs-module-lexer: Fast lexer to extract named exports via analysis from CommonJS modules
Native ESM in Node.js w/ require() fallbacks and support for all front end compilers!
modules/doc/meetings/2019-12-18.md at main · nodejs/modules
Announcement blog post by GeoffreyBooth · Pull Request #291 · nodejs/modules
CommonJS import interoperability decisions · Issue #264 · nodejs/modules
Roadmap doc · Issue #261 · nodejs/modules
GitHub - GeoffreyBooth/node-import-file-specifier-resolution-proposal: A proposal for import statements of files for the new Node.js modules implementation
