각도 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"); 
    } 

이 두 번째 웹 사이트에서 복사되었습니다. 그 코드는 기본 url, tmp 폴더에서 파일을로드해야하고 model.js라는 파일이 있습니다

저는이 파일을 tmp/folder를 만든 root에서 angular 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 

내 파일 저점 웹 브라우저 입력을받을 수 없습니다.

해결 방법이 있습니까? 어떤 제안이나 조언이 도움이 될 것입니다.

Answer 1

내 응용 프로그램은 src/folder가 아니라 루트에 tmp/folder를 넣습니다.

전체 앱 및 기타 모든 파일/폴더를 부트 스트랩하는 main.ts는 어디에 있습니까?

간단히 루트에서 src/folder로 이동하여 작업을 시작했습니다. http://localhost:4200/tmp/model.js