Có tất cả những nhiệm vụ mà chúng tôi cần làm với tư cách là nhà phát triển giao diện người dùng. Nối và nén các tệp của chúng tôi. Chạy bộ tiền xử lý của chúng tôi. Tối ưu hóa hình ảnh. Chạy thử nghiệm. Danh sách tiếp tục và tiếp tục. Việc sử dụng các công cụ khác nhau cho tất cả chúng ngày càng trở nên khó khăn. Chạy chúng theo cách thủ công khiến nó trở nên tồi tệ hơn và dễ gặp trục trặc.
Grunt là lựa chọn hoàn hảo để tổng hợp lại tất cả những điều này. Có thể bạn đã quen với các công cụ như CodeKit (được trình bày trong video màn hình này) để thực hiện loại công việc này. CodeKit rất tuyệt. Bạn có thể nghĩ về nó giống như thiết lập Grunt thực sự cụ thể với giao diện đẹp. Grunt sẽ là sự thay thế cho CodeKit nếu bạn cần làm nhiều việc hơn với quy trình xây dựng của mình so với những gì CodeKit cung cấp.
Trong video màn hình này, chúng tôi đề cập đến việc thiết lập và chạy Grunt trong một dự án đơn giản. Đây có nghĩa là một video đi kèm với một bài viết toàn diện hơn về 24 cách.
Liên kết có liên quan:
- Đảm bảo rằng bạn đã thực hiện trước: Cài đặt Node
- Trang web Grunt: bắt đầu
- My Grunt Boilerplate - thực hiện những gì chúng tôi đã làm trong video truyền hình này cùng với nhiều thứ khác.
- Các plugin Grunt mà chúng ta đã nói đến: Uglify, Sass, Watch
Lưu ý: Tôi biết tôi là người mới của Grunt. Có một số thông tin Grunt tuyệt vời để chia sẻ? Tôi muốn nghe trong các bình luận. Annnn và tôi biết đoạn cuối video hơi lộn xộn. Sẽ sửa chữa.