File tree Expand file tree Collapse file tree 1 file changed +3
-1
lines changed
Expand file tree Collapse file tree 1 file changed +3
-1
lines changed Original file line number Diff line number Diff line change @@ -70,7 +70,7 @@ deno-ja の slack で聞いた限りでは justjavac の方が公式に近い立
7070- preact
7171- htm
7272
73- snowpack は一種のフロントエンド向けのバンドラーなんですが、webpack に頼らずネイティブ ESM で動くモジュールを吐いて、それを importmap を、 deno の importmap として使う、といった方法を選んでみました。
73+ snowpack は一種のフロントエンド向けのバンドラーなんですが、webpack に頼らずネイティブ ESM で動くモジュールを吐いて、その際に snowpack が生成する ` import-map.json ` を deno の importmap として使う、といった方法を選んでみました。
7474
7575- [ Snowpack] ( https://www.snowpack.dev/ )
7676- [ WICG/import\- maps: How to control the behavior of JavaScript imports] ( https://github.com/WICG/import-maps )
@@ -83,6 +83,8 @@ snowpack は一種のフロントエンド向けのバンドラーなんです
8383snowpack && deno run --unstable --allow-write --allow-read --allow-net --importmap web_modules/import-map.json server.ts
8484```
8585
86+ 権限を厳密に管理するので、多少辛いですね…
87+
8688deno ならではの工夫として、next.js のクローンなので ` pages/*.ts ` のエンドポイントをターゲットに SSR する必要があるんですが、webpack や rollup のバンドラを使うのではなく ` Deno.bundle(Deno.cwd() + "/pages/foo.ts") ` みたいなコードで Deno の内部バンドラをそのまま使って、静的な JS を吐いてブラウザに食わせています。
8789
8890あと、 amp + amp-script(worker-dom) で動かしているので、 amp ページでありながら動的に動く画面を作れます。 worker-dom は技術的な詳細はここでは解説しませんが、動的なコンポーネントを初期化するには SSR が必須です。
You can’t perform that action at this time.
0 commit comments