HTMLでのrequireの使用方法


<script src="script.js"></script>

上記のコードでは、script.jsという名前のJavaScriptファイルを読み込んでいます。このファイルはHTMLファイルと同じディレクトリに配置されている必要があります。

<script type="module">
  import { functionName } from './module.js';
  // モジュールのコードを使用する
</script>

上記のコードでは、module.jsという名前のモジュールを読み込んでいます。モジュールの関数や変数を使用するためには、import文を使用します。

  1. ライブラリやフレームワークのCDNの使用: 多くのライブラリやフレームワークは、CDN(Content Delivery Network)経由で提供されており、HTMLファイルから直接読み込むことができます。以下はその例です。
<script src="https://cdn.example.com/library.js"></script>

上記のコードでは、https://cdn.example.com/library.jsからライブラリを読み込んでいます。CDNを使用する場合、ネットワーク経由でファイルが提供されるため、ローカルにファイルを配置する必要はありません。

これらの方法を使用することで、HTMLで外部のコードやライブラリを簡単に読み込むことができます。必要に応じて、適切な方法を選択してください。