để cho tệp webpack xuất các tệp được biên dịch riêng lẻ bên cạnh gói

Question

Tôi đang sử dụng trình tải gói webpack ts-loader để biên dịch các tệp nguồn typescript thành một gói javascript. Bây giờ tôi muốn các tệp javascript được biên dịch riêng lẻ cũng được lưu, cũng như gói! Tôi là familliar với việc viết một plugin webpack rất đơn giản, nhưng tôi không chắc chắn về cách thực hiện điều này. Đó là: Tôi không biết sự kiện nào được kích hoạt bởi webpack để nghe và nơi tìm thấy dữ liệu có liên quan. Bất kỳ giúp đỡ?

Answer 1

Như tôi đã nhận xét, bạn không thể sử dụng tệp webpack được biên dịch riêng lẻ. Nó có thể phá vỡ với Uncaught ReferenceError: __webpack_require__ is not defined.

Tốt hơn hãy viết loader của riêng bạn hoặc yêu cầu ts-loader để cung cấp tùy chọn giữ lại nguồn được chuyển đổi.

Hoặc tôi đã viết một loader để có thể lưu tệp được biên dịch dạng tệp dưới dạng tệp riêng lẻ.

bạn có thể sử dụng bộ nạp này nạp thứ hai hoặc sau bộ nạp như hình dưới đây

như một bộ nạp thứ hai:

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

hoặc như là một hậu loader

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

Lưu ý:scatter-loader công việc đang được tiến hành.