2017-02-03 3 views
2

私はAirConsole JSサービスでアプリを構築しています。webpackの非モジュールベンダースクリプトをインポートします。

<script type="text/javascript" src="https://www.airconsole.com/api/airconsole-1.6.0.js"></script> 

しかし、私はWebPACKのを使用していますし、私の他のJSファイルにスクリプトをimportしたいと思います:AirConsoleは、あなたがいつもとあなたのページに含まれる.jsファイルとして自分のライブラリーを提供します。 airconsole.jsファイルをインポートvendorという名前のエントリファイルを作成します

  1. :私は運を持ついくつかの方法を試してみました。これにより、私のページに含めることができるvendor.bundle.jsファイルが作成されます。
  2. ファイルにスクリプトが含まれるように、indexエントリポイントにAirConsoleパスを追加します。この方法で私はAirConsoleコードがbundle.jsファイルに含まれますがAirConsoleAirConsole結果の新しいインスタンスを作成しようとすると、これらの方法で正しい軌道に乗って

アムI定義されていないされていることを確認することができますか?そうでない場合、非モジュール.jsファイルをインポートするための推奨される方法は何ですか?

答えて

5

最も良い方法は、「シミング」と呼ばれるアクションです。新しいドキュメントページで情報を確認することができます。あなたの非モジュールのために(それに依存する)いくつかの異なる方法があります。

https://webpack.js.org/guides/shimming/

+0

私は、[このファイル](https://www.airconsole.com/api/airconsole-1.6.0.js)を使用している場合、私は 'スクリプトloader'を必要とするように思えます。 'const airconsole = new AirConsole()'を使って新しいインスタンスを作成しようとすると 'undefined'エラーがスローされます。 –

+0

また、 'script-loader'は' webpack.config'で動作するのですか、 'require'文だけを対象としていますか? –

+0

設定で使用できるすべてのローダー(推奨)は、 'include'プロパティーを使用して、config内のローダー用のファイルの特定のabsパスをターゲットにすることができます。 –

関連する問題