2016-12-27 2 views
3

저는 webpack을 처음 사용합니다. 현재 webpack으로 angular2 응용 프로그램을 작성 중입니다. 요구 사항의 일부로 번들로 묶어서는 안되는 설정 파일을 가지고 있기 때문에 번들 후에도 settings.js 파일의 URL을 변경할 수 있습니다.webpack을 사용하여 번들에서 ts/js 파일을 제외하십시오.

다음은 두 파일에 대한 코드입니다.

settings.ts

const foo = { 
    url:'localhost' 
}; 
export { foo }; 

script.ts

import { foo } from 'settings'; 

모두 파일이 번들 전에 JS 파일로 컴파일됩니다 화면 반전. 그리고 이제는 번들에서 settings.ts 파일을 제외하고 dist 폴더에 별도의 setting.ts 파일을 복사하려고합니다.

아래는 내가이와 함께 행운을 찾을 수없는 webpack.config 파일

loaders: [ 

      { 
       test: /\.ts$/, 
       loaders: ['awesome-typescript-loader', 
          'angular2-template-loader'], 
       exclude: [/\settings.ts$/] 
      }, 
] 

입니다.

CopyWebpackPlugin을 사용하여 dist 폴더의 settings.js 파일을 복사 할 수 있습니다. 그러나 번들링에서 settings.ts 파일을 제외 할 수 없습니다.

아래는 폴더 구조의 스크린 샷입니다. this GitHub issue에 제안으로

exclude: [ 
    path.resolve(__dirname, '/settings.ts'), 
] 

: Webpack.config는 다음과 같이 그것을 시도

enter image description here

+0

대신에 settings.ts 파일에 url 속성을 가진 json 파일을 사용할 준비가되었습니다. –

+0

폴더 구조의 스크린 샷을 추가하십시오. – tomepejo

+0

아마도 ** 제외와 같은 것이 필요할 것입니다 : /app/settings/settings.ts** 꺽쇠 괄호와 이스케이프 슬래시가 없습니다. – tomepejo

답변

0

src 폴더와 동일한 수준이다.

+1

시도 : [path.resolve (__ dirname, 'src/app/config/settings.ts')]. 그것은 날 "이 파일 형식을 처리하기 위해 적절한 로더가 필요할 수 있습니다"오류를 제공합니다. –

관련 문제