2016-07-14 27 views
7

Tôi đang sử dụng webpack với trình nạp-kiểu-awesome-awesome trong môi trường có nhiều tệp tsconfig.json. Có cách nào trong webpack để chỉ định đường dẫn của tệp tsconfig.json mong muốn không?Chỉ định đường dẫn đến tsconfig.json

bộ tải:

{ 
     test: /\.ts$/, 
     loaders: ['awesome-typescript-loader', 'angular2-template-loader'], 
     exclude: [/\.(spec|e2e)\.ts$/] 
} 

Trả lời

12
loaders: ['awesome-typescript-loader?tsconfig=/path/to/tsconfig.json', 'angular2-template-loader'], 
+2

Vui lòng cung cấp một số bài bình luận về cách thức này giải quyết vấn đề/ –

+2

'bộ tải:?. [' Tuyệt vời-nguyên cảo-loader configFileName =/src/tsconfig.json '] 'cũng hoạt động cho tôi. –

+1

Có vẻ như đó là 'tsconfig' trong ATL 2 và' configFileName' trong 3. – georgiosd

8

Hiện nay, bộ tải là một danh sách các đối tượng. Ngoài ra, bạn có thể cung cấp thông số query theo cách gọn gàng hơn. Thay vì:

loader: 'awesome-typescript-loader?configFileName=...' 

bạn có thể có:

// Assuming your typescript stuff is in ./src/components: 
loaders: [ 
    { 
    test: /src\/components\/.*\.tsx?$/, 
    exclude: /node_modules/, 
    loader: 'awesome-typescript-loader', 
    query: { 
     // Use this to point to your tsconfig.json. 
     configFileName: './src/components/tsconfig.json' 
    } 
    }, 
    { 
    // Another loader... 
    } 
] 

Cập nhật

Tôi tin loaders đang gọi rules. Vì vậy, thay vì:

loaders: [ 
    ... 
] 

Bạn sẽ sử dụng:

rules: [ 
    ... 
] 
Các vấn đề liên quan