webpackでAMDモジュールをどのようにインポートするか

2年 ago
結衣, 春花
1 minute

WebpackにUMDモジュールを取り込むには、以下の手順を実行します。

  1. UMDモジュールのインストール：必要なUMDモジュールをnpmかyarnでインストールします。例：npm install umd-module
  2. webpack 設定ファイルで externals プロパティを設定することで、UMD モジュールのグローバル変数名とモジュール名のマッピング関係を指定します。例えば：
module.exports = {
// ...
externals: {
'umd-module': 'umdModuleName'
}
};

UMDモジュールの場合は、umd-moduleがUMDモジュールのパッケージ名で、umdModuleNameがモジュールがグローバル変数中で使用される名前です。

  1. 日本人にネイティブに言い換えてください。
  2. 生まれつきのもの

import文を使用する：

import umdModuleName from 'umd-module';

require文を使用する

const umdModuleName = require('umd-module');

これにより、Webpack で UMD モジュールをインポートできます。

bannerAds