3

ES6 モジュールでは、既にページにimportあるタグからモジュールへの現在のメソッドまたはパイプライン内のメソッドはありますか? <script>たとえば、2 つ<script>のタグがある場合、

<script id="a">
    export const a = 'a';
</script>
<script id="b">
    import a from ?;
    console.log(a);
</script>

疑問符の代わりにimport、2 番目のタグのステートメントに何を入れますか?<script>

明らかに、必要なタグを識別する何らかの方法が必要であるため、id属性は識別を目的としています。<script>クラスやその他の方法で行うことができますが、ID は一意である必要があります (ただし、多くのブラウザーでは最後のタグにid. ドキュメント内の位置でタグを取得することによっても実行でき<script>ます。たとえば、ここでは 2 番目のスクリプト タグを取得しているので、次のようにすることもできます。

import a from window.scripts[1];

もう 1 つ: これが HTML インポート全体で機能する場合、それも素晴らしいことです。私の本来の目的は、サイトのさまざまなページで React コンポーネントを再利用することでした。そこでは、相対パスでインポートできない可能性があり、少なくとも Webpack では、絶対パスは常にサーバーのルートに対して相対的であるとは限りません。コンピュータのルート、または少なくともウェブサーバーのルートに相対的です。

<script>ページ上の別のタグから値を直接インポートするにはどうすればよいですか?

4

0 に答える 0