Chế độ theo dõi của Webpack (Webpack's watch mode) là một tính năng cho phép công cụ này theo dõi các tệp nguồn của bạn để phát hiện các thay đổi và tự động kích hoạt việc biên dịch lại khi có sự thay đổi được phát hiện. Điều này đặc biệt hữu ích trong quá trình phát triển, giúp bạn tiết kiệm thời gian bằng cách tránh việc biên dịch thủ công mỗi khi bạn thay đổi mã nguồn.
Dưới đây là cách bạn có thể sử dụng chế độ theo dõi của Webpack:
Chạy Webpack ở Chế độ Theo dõi
Để chạy Webpack ở chế độ theo dõi, bạn có thể sử dụng tùy chọn --watch khi chạy lệnh webpack thông qua cửa sổ dòng lệnh. Ví dụ:
npx webpack --watch
Với lệnh này, Webpack sẽ bắt đầu theo dõi các tệp nguồn của bạn và tự động biên dịch lại bản tương tự mỗi khi bạn lưu các thay đổi vào chúng.
Cấu hình Webpack
Bạn cũng có thể thiết lập chế độ theo dõi trong tệp cấu hình webpack của bạn (webpack.config.js) bằng cách thêm tùy chọn watch: true:
module.exports = {
// ...các tùy chọn cấu hình khác
watch: true
};
Như vậy, bạn không cần phải sử dụng tùy chọn --watch mỗi khi chạy lệnh webpack.
Hành vi
Khi Webpack ở trong chế độ theo dõi, nó sẽ liên tục giám sát các tệp nguồn của bạn để phát hiện sự thay đổi. Mỗi khi bạn thay đổi và lưu các tệp, Webpack sẽ tự động biên dịch lại bản tương tự. Điều này cho phép bạn thấy các thay đổi trong ứng dụng của mình mà không cần phải thủ công kích hoạt quá trình biên dịch mỗi lần.
Hãy nhớ rằng trong khi chế độ theo dõi rất tốt cho quá trình phát triển, thì thông thường không được sử dụng trong việc biên dịch sản xuất, vì nó có thể tiêu thụ tài nguyên không cần thiết. Đối với việc biên dịch sản xuất, bạn thường sẽ sử dụng Webpack để tạo các bản tương tự đã được tối ưu hóa và thu gọn mà không có chế độ theo dõi.
Hãy luôn tham khảo tài liệu chính thức của Webpack để biết thông tin cập nhật nhất về việc sử dụng chế độ theo dõi và các tùy chọn liên quan.