既存のバンドラの手法は間違っている | POSTD

2023/01/31 6 users POSTD アプリケーションコード 既存 手法 パンドラ

最近のバンドラは、アプリケーションコードのどの部分をいつ遅延読み込みするかを開発者が決めなければなりません。 開発者は以下のように、コードベースにdynamic importを挿入することによって、遅延読み込みをする場所とタイミングを決定します。 async function doSomething() { const chunk = await import('./my-c... 続きを読む

Vite 3 が採用した CJS Proxy による Dual Package 構成

2022/07/19 19 users Dual Package CJS 構成 ESM npm

2022 年現在、Node.js 界隈は ESM (ES Module) への移行の過渡期であり、特に既存プロジェクトにおいては CJS (CommonJS) 構成であることがまだまだ多い。また、Pure ESM な npm パッケージは、CSJ プロジェクトからの利便性が悪く、dynamic import が必須で非同期化を強いられたり TypeScript の設定変更が必要だったり... 続きを読む

loadable-components + TypeScriptでSSRとCSRに対応したdynamic importを実現する - 技術探し

2018/10/15 14 users TypeScript Babel SSR ＣＳＲ 結論

react-loadableをSSRで使う場合にハマった所が多かったのでまとめました。 PR 結論と注意点 loadable-components react-loadableからloadable-componentsへ 問題点 書き方 dynamic import Client Renderer Server Renderer 関連記事 PR github.com 結論と注意点 babel-pluginであるloadable-components/babelは必ずしも... 続きを読む

Dynamic import()  |  Web  |  Google Developers

2017/11/21 27 users Google Developers web

2017 All Articles November Dynamic import() Take control of your scroll: customizing pull-to-refresh and overflow effects October Removing ::shadow and /deep/ in Chrome 63 Using Trusted Web Activity D... 続きを読む

JavaScriptのダイナミックインポートをついに実装。より高速化したJavaScriptエンジン「V8 Release 6.3」リリース － Publickey

2017/10/26 69 users Publickey 実装 リリース import 改良

JavaScriptのダイナミックインポートをついに実装。より高速化したJavaScriptエンジン「V8 Release 6.3」リリース V8 Release 6.3では、JavaScriptの実行速度の高速化やメモリフットプリントをより小さくするなどの改良が行われていますが、もっとも注目すべきなのはダイナミックインポート（Dynamic Import）の機能を持つ「import()」が実装さ... 続きを読む