角2の別のjsファイルからjsファイルをロードする方法 - webpack

Question

私たちがthree.jsを使用して構築したいくつかのfunctionallityを再利用し、PHPで構築された2番目のプロジェクトでうまく使用したい。

今、webpackを使用しているAngular 2プロジェクトに同じものをインポートします。

現在、私は1つの問題で苦労しています。 JSファイルには、コードの一部があります：

loader.load(base_url + 'tmp/' + 'model.js', function(object){ 
      console.log("File loaded successfully"); 
    } 

これは私たちの第2のウェブサイトからコピーされています。そのコードはベースURLからファイルをロードする必要があります.tmpフォルダとファイルはmodel.jsと呼ばれます

私はtmp/folderを作成したrootのangle 2プロジェクトにそのファイルを置き、model.jsをそのフォルダに追加しました。

しかし、console.log("File loaded successfully");は実行されませんでした。

Chromeコンソールを使用して、何が問題なのかをデバッグしました。私は「未定義」のメッセージ を得ているファイル

loader.load("http://localhost:4200/tmp/model.js", function(object) { 
console.log("test"); 
}); 

にコンソールフルパスでloader.loadとタイプにブレークポイントを置く

。もちろん

私はすべてがプレパックとmain.bundle.jsファイルに移動したため、URLに

http://localhost:4200/tmp/model.js 

を私のファイルトラフWebブラウザタイピングを取得することができませんでした。

回避策はありますか？どんな提案や助言も役に立ちます。

Answer 1

自分のアプリケーションであるsrc/folderではなく、tmp/folderをルートに置いています。

ここでは、アプリケーション全体と他のすべてのファイル/フォルダをブートストラップするmain.tsがあります。

私は単純にrootからsrc/folderに移動して動作しました。 http://localhost:4200/tmp/model.js