slides/content/ModuleFederationWebpack5.md at master · sokra/slides
The motivation for Module Federation is developing one or more applications with multiple teams. Applications are split into smaller application "parts". These could be frontend components like a "Header" or "Sidebar" component, but also logical components like "Data Fetching Logic" or other business logic. Each part can be developed by a separate team. Applications or parts of them share other pa
JSPM - jspm.dev Release
Guy Bedford, June 19th 2020 The latest version of the jspm CDN, https://jspm.dev has been launched today as the new replacement for https://dev.jspm.io. jspm.dev allows directly importing any package from npm into the browser using only native ECMAScript module import semantics like import('https://jspm.dev/pkgname'). As of today, dev.jspm.io serves 6 million requests to over 150,000 users each mo
import文で画像やCSSを読み込むのはECMAScript仕様違反か - uhyo/blog
近頃のJavaScript開発は、モジュールとして書かれた複数のJavaScriptファイルをimport文やexport文を通じて連携させるのが基本です。また、それらのファイルはWebpackに代表されるバンドラによって事前に処理され、import文の解決・ファイルの結合といった前処理を施されるのが普通です。まったく、各ファイルが他に影響を与えないように(function(){ ... })()で囲んで文字列連結していた時代が懐かしいですね。 さて、import文の解決を担当するバンドラは、大抵JavaScriptプログラム以外のものを読み込む機能を備えています。Webpackならばloaderと呼ばれるものですね。例えば、style-loaderやcss-loaderが持つCSS Modulesの機能を使うと次のようなプログラムを書くことができます（Reactの例）。 import s
Modern Script Loading - JASON Format
Serving the right code to the right browsers can be tricky. Here are some options. Serving modern code to modern browsers can be great for performance. Your JavaScript bundles can contain more compact or optimized modern syntax, while still supporting older browsers. The tooling ecosystem has consolidated on using the module/nomodule pattern for declaratively loading modern VS legacy code, which p
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
GitHub - mikeal/reg: Native ESM Package Manager
reg is a package manager for native ES Modules. It's built to enable dependency management for Universal JavaScript (JavaScript that can run in the Browser and in Node.js w/o a compiler). This library is highly experimental and still likely to break without notice. DO NOT USE THIS IN PRODUCTION. Supporting Universal JavaScript is quite difficult as the Browser's module system has a very unique set
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
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Native ESM in Node.js w/ require() fallbacks and support for all front end compilers!
GitHub - tc39/proposal-import-attributes: Proposal for syntax to import ES modules with assertions
Transition to goog.module · Issue #810 · ngageoint/opensphere
modules/doc/meetings/2019-12-18.md at main · nodejs/modules
Make auto-imports more likely to be valid for the file (including JS) & project settings by andrewbranch · Pull Request #32684 · microsoft/TypeScript
Announcement blog post by GeoffreyBooth · Pull Request #291 · nodejs/modules
GitHub - FredKSchott/snowpack: ESM-powered frontend build tool. Instant, lightweight, unbundled development. ✌️
Pika | Search modern module esm packages on npm
async scripts, defer scripts, module scripts: explainer, comparison, and gotchas
CommonJS import interoperability decisions · Issue #264 · nodejs/modules