저는 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는 다음과 같이 그것을 시도
대신에 settings.ts 파일에 url 속성을 가진 json 파일을 사용할 준비가되었습니다. –
폴더 구조의 스크린 샷을 추가하십시오. – tomepejo
아마도 ** 제외와 같은 것이 필요할 것입니다 : /app/settings/settings.ts** 꺽쇠 괄호와 이스케이프 슬래시가 없습니다. – tomepejo