@oouaioiposted at 2020-07-18

javascriptのモジュールの使い方

Q&A

Closed

モジュールの使い方を教えてほしいです。

例えばaxiosをインストールして使うようにする場合、

projectディレクトリで

npm install axios

を実行すると

node_modules      package-lock.json

2つのファイルとディレクトリが作成されます。

この後、このモジュールを使用するjavascriptファイルindex.jsに

index.js

import axios from 'axios'

と書いてaxiosを使いたいのですがどうすればよいでしょうか？

3Answer

{
  "type": "module",
  "dependencies": {
    "axios": "^0.19.2"
  }
}

import axios from 'axios';

const main = async () => {
  const res = await axios.get('https://www.yahoo.co.jp');
  console.log(res.data);
};
main();

$ npm i
$ node --experimental-modules index.js

1Like

多分、Parcelを使ってバンドルするのが一番手間がかからないと思います。

0Like

requireなのは、CommonJSという形式で
import とかは、ESModulesという形式になります。

node.jsでは、CommonJSしか標準では使えないので、
ESModulesに対応するには、babelで変換するとか、ParcelやWebpackというモジュールバンドラで合算させたりが必要になります。

ちょっと雑な仕事なんですが、babelしてからWebpackしている、ある程度のビルド環境を整えたことがあるのでリンクしておきます。

0Like