如何從角度2中加載另一個js文件中的js文件 - webpack

Question

我想重新使用我們使用three.js構建的一些函數，並且我們成功地使用了我們在PHP上構建的第二個項目。

現在我想將相同的東西導入到使用webpack的Angular 2項目中。

目前我正在努力解決一個問題。在JS文件中我們有一段代碼：

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

從我們的第二個網站複製而來。該代碼需要從基地址加載文件，tmp文件夾和文件被稱爲model.js

我把那個文件放在角度2項目的根目錄，我創建了tmp /文件夾，並且我把model.js添加到了該文件夾中。

但是，console.log("File loaded successfully");從未執行。

我試着用Chrome控制檯調試出了什麼問題。

當我把斷點Loader.load方法和類型在控制檯完整路徑文件

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

我得到消息 「不確定」。

當然我不能讓我的文件低谷的Web瀏覽器中鍵入URL

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

，因爲一切是預包裝搬進main.bundle.js文件。

有什麼解決方法嗎？任何建議和建議都會有幫助。

Answer 1

我把tmp /文件夾放在根目錄下，而不是在我的應用程序的src /文件夾中。

main.ts引導整個應用程序和所有其他文件/文件夾。

我簡單地從根目錄移動到src /文件夾，它開始工作。

我也能訪問到js文件通過URL槽的瀏覽器： http://localhost:4200/tmp/model.js