[Q&A] javascriptのモジュールの使い方

javascriptのモジュールの使い方

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

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

projectディレクトリで

npm install axios

を実行すると

node_modules      package-lock.json

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

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

index.js

import axios from 'axios'

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

3Answer

package.json

{
  "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

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

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

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

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