［ノード.js］モジュールの使用

8254 ワード

JavaScript js Module export Node import テキストリンク

1.HTMLファイルと一緒に作業する場合

HTMLファイルに<srcipt>を追加する場合は、次のタイプを指定できます.

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Module</title>
  </head>
  <body>
    <script type="module" src="index.js"></script> // <------
  </body>
</html>

2.HTMLなしで作業する場合(Node.js環境でのみ作業する場合)

HTMLでは詳細は書かれていません.js環境でのみpackageが使用されます.jsonファイルにtypeを指定すればいいです.

は、まずnpm init命令によってパッケージ化される.jsonファイルを作成します.

上に示すnpm initコマンドを入力し、出力リスト、以下に示すpackageを入力します.jsonファイルの作成が完了しました.

{
  "name": "module-test",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "author": "yujo",
  "license": "ISC"
}

のようにして生成されたパケット.jsonファイルでtypeを指定する場合は、import { func } from 'function.js'などのimport構文を使用できます.

{
  "name": "module-test",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "type": "module", <---- type 추가
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "author": "yujo",
  "license": "ISC"
}