Webpack - Angular 2で外部JSを呼び出します。

Question

systemJSからwebpackにスワップします。セットアップの大部分は、私の外部スクリプトの1つをもう一度実行する以外に、動作しているようです。

これまでのsystemJSでは、index.htmlに外部の.jsスクリプトをインポートする設定がありました。

私の角度サービスでは、私は実行して、そのスクリプトと対話することができ、次の - のWebPACKで

declare var ExternalCode: any; 
. 
. 
. 
ExternalCode.RunProcess(data, infomation); 

私は今、3つのファイルをエクスポートして、私のindex.htmlに注入されている - app.js、vendor.jsをおよびpolyfills.js。私のベンダーファイルでは、私は私が私を包むように見えることはできませんどのようなので、

import "./AppScripts/ExternalCode"; 

私はその後、私は私のExternalCodeがそうのように包まれた参照vendor.jsに見れば、

(function(module, exports, __webpack_require__) { 

    eval(EXTERNAL CODE IS ALL HERE); 
}) 

のようなコードをインポート私のサービスのwebpack vendor.jsバンドルから外部コードを呼び出す方法が頭にあります。とにかく、私のアングラ2サービス内からコードをインポート/実行することはありますか？

また、index.htmlファイルで再度スクリプトをインポートしようとしましたが、webpack-dev-serverでは、IISでプロジェクトを実行したときに動作する既存のパスから常に404がスローされますExpressとSystemJSです。

Answer 1

SystemJSで以前と同じように動作させる方法を説明しました。上記のようなvendor.tsでは、webpack-dev-serverに含まれるようにスクリプトをインポートします。

import "./externaljs/ExternalCode.js"; 

の代わりに、それはindex.htmlをする相対的な場所にありますように輸入を処理するので、同じように、ただ完全なパスを渡す -

<script src="./src/externaljs/ExternalCode.js"></script>