AstroのScriptタグを扱うときの注意 - hiroppy's site

AstroのScriptタグを扱うときの注意 - hiroppy's site

Astro の<script>は何もインテグレーションを入れなくても使えるお手軽さがある一方、ハマるポイントが...概要を表示 Astro の<script>は何もインテグレーションを入れなくても使えるお手軽さがある一方、ハマるポイントがあります。 Script の問題点 以下のコードの場合、Header は共通で使われるものではあるものの Foo は条件により/blog以下でしか HTML 上には出力されません。 つまり、これは他のページではこの Foo.astro 自体が読み込まれないように期待したいところです。 しかし、これは上手くいきません。 --- // Foo.astro --- <span>foo</span> <script> console.log("hello"); </script> --- // Header.astro import Foo from "./Foo.astro"; --- <header> <p>site</p> {Astro.url.pathname.startsWith