2016-12-22 9 views
5

typescript 소스 파일을 javascript 번들로 컴파일하려면 webpack loader ts-loader을 사용하고 있습니다. 이제 개인 파일로 컴파일 된 자바 스크립트 파일도 번들뿐만 아니라 저장되기를 바랍니다! 나는 아주 간단한 webpack 플러그인을 작성하는 것에 익숙하지만, 이것을 구현하는 방법에 대해서는 확실하지 않다. 즉, 웹 팩이 어떤 이벤트를 트리거했는지와 관련 데이터를 찾을 위치를 알 수 없습니다. 어떤 도움이 필요합니까?번들 이외에 webpack 출력 개별 컴파일 된 파일

+0

개별 웹팩 컴파일 파일을 사용할 수 없습니다. 'Uncaught ReferenceError : __webpack_require__ is not defined '로 깨질 수도 있습니다. – Thaadikkaaran

+0

그러나 ts-loader는 typescript 컴파일러로 ts를 js로 컴파일합니다. 난 그저 별개의 js 파일을 가지고 싶다 – Flion

답변

2

내가 설명했듯이, webpack 컴파일 된 개별 파일을 사용할 수 없습니다. Uncaught ReferenceError: __webpack_require__ is not defined으로 중단 될 수 있습니다.

고객님의 loader을 쓰는 것이 좋으며 ts-loader에 transpiled source를 보관하는 옵션을 제공하는 것이 좋습니다.

아니면 typescript 컴파일 된 파일을 개별 파일로 저장할 수있는 loader을 작성했습니다.

두 번째 로더로

아래와 같이이 로더 초 로더 또는 사후 로더를 사용할 수 있습니다

:

module: { 
    loaders: [{ 
     test: /\.ts?$/, 
     loaders: ['scatter-loader', 'ts-loader'] 
    }] 
} 

또는

후 로더 등

module: { 
    loaders: [{ 
     test: /\.ts?$/, 
     loaders: ['ts-loader'] 
    }], 
    postLoader: [{ 
     test: /\.ts?$/, 
     loaders: ['scatter-loader'] 
    }] 
} 

참고 :scatter-loader 작업이 진행 중입니다.

+0

아, 당신이 실제로 이미 이것에 대한 로더를 썼다면 이것을 체크해볼 것입니다! – Flion