Share vì hữu ích

2 phút đọc

GulpJS là công cụ quản lý tác vụ bằng Javascript giúp bạn tự động hoá một số quá trình khi dev. Vậy bạn có biết cách sử dụng GulpJS chưa? Bài viết này sẽ hướng dẫn chi tiết để bạn làm quen với nó.

GulpJS là gì?

Như đã nói, đây là một công cụ được viết trên nền Javascript và thương làm việc trong môi trường NodeJS. Nó có thể làm khá nhiều thao tác tự động, chẳng hạn như nén Javascript và CSS file, tự động làm mới trình duyệt khi có file được sửa, tối ưu và chuyển đổi các CSS preprocessor như SASS/SCSS hay Less, nén ảnh,… GulpJS chính là lời giải cho những công việc có tính chất lặp đi lặp trong quá trình dev project.

Mô hình của Gulp
Mô hình của Gulp

GulpJS là công cụ build giúp bạn thoát khỏi mớ việc quen thuộc. Một khi bạn đã cài đặt xong GulpJS, nó tự động hoá và giúp bạn tập trung vào code mà thôi.

Cài đặt GulpJS

 

 

Kết luận

Nếu bạn làm theo từng hướng dẫn của bài viết này, mình tin là các bạn có thể biết được cách sử dụng GulpJS rồi. Đừng quên dành nhiều thời gian để tìm hiểu và sử dụng được nhiều hơn nữa các plugin của GulpJS để giúp project của bạn sử dụng nhanh, gọn và có code standard chuẩn hơn nhé.

Trong thời gian tiếp theo, Code Tốt sẽ giới thiệu cách sử dụng webpack – công cụ tương tự Gulp nhưng đang phổ biến nhất hiện nay.

Share vì hữu ích

Tác giả: Khôi 'Pro' Nguyễn

Technical Lead tại Solis Lab. Quản lý ngôn ngữ tại vi.wordpress.org.

Trả lời