【javascript】requireでモジュールを読む時に波格好が必要な場合と必要ない場合の違いは何ですか？

Question

javascriptでモジュールを読み込む時に{}が必要な場合と、不必要な場合があります。

例えば、webpackのwebpack.config.jsに必要な、pathとhtml-webpack-pluginモジュールの読み込みです。

const path = require('path');  // {}が不要
const {HtmlWebpackPlugin} = require('html-webpack-plugin');  // {}が必要

モジュールのソースを読むと、declare module (モジュール名)の指定をしているかどうかだと考えられますが、
関連する公式のドキュメントは見つかりません。

そもそも、{}とは何を意味しているのでしょうか？

Answer 1

そもそも、{}とは何を意味しているのでしょうか？

分割代入です。

必要なAPIだけを利用したい時に使えます。

---

NodeJS で一般的なモジュールの読み込み

const path = require('path');

let resolved = path.resolve( base, path ); // このように使う
console.log( resolved );

分割代入を組み合わせたモジュールの読み込み

const { resolve } = require('path');
let resolved = resolve( base, path ); // path. を省略できる。
console.log( resolved );

Comments

[hasshy]

ご回答いただきありがとうございます。
また、分割代入についても教えていただきありがとうございます。
javascriptだけの問題だけだと思っていましたが、そもそもビルド環境はnode.jsですし、pathのファイルはtypescriptなのでjavascriptだけ見ていても解決しないわけですね。
ありがとうございます。