HomeĐời SốngGulp là gì

Gulp là gì

18:15, 07/04/2021

đa phần lúc đọc mấy chiếc bài bác tuyển chọn dụng họ viết, biết gulp là một trong lợi thế. Vậy Gulp là gì vào bài xích lúc này họ cùng khám phá về nó nhé

Gulp là gì?

Gulp là 1 phương tiện giúp cho bạn auto hóa nhiều task (nhiệm vụ) vào quy trình cách tân và phát triển website.

Bạn đang xem: Gulp là gì

Gulp thường xuyên được áp dụng để triển khai những tác vụ front end như:

Tạo ra một website server.Reload trình lưu ý một biện pháp auto bất kể lúc nào một file được lưu giữ.Sử dụng các preprocessor hệt như Sass hoặc LESS.Tối ưu hóa những tài nguyên như CSS, JavaScript với hình hình ảnh. Đây chưa hẳn là 1 trong list trọn vẹn về đầy đủ thiết bị mà lại Gulp hoàn toàn có thể làm cho. Nếu ước ao, bạn cũng có thể chế tác một generator website site tĩnh. Gulp rất là trẻ trung và tràn đầy năng lượng, nhưng lại bạn phải học cách sử dụng Gulp nếu còn muốn tạo thành một quá trình (process) của riêng biệt mình. Bài viết này để giúp đỡ chúng ta gồm có kiến thức cơ bạn dạng về Gulp sau đó chúng ta có thể từ mình tò mò đa số đồ vật. Trước lúc đi sâu vào Gulp, hãy nói đến nguyên nhân tại sao các bạn sử dụng Gulp cơ mà chưa phải các biện pháp khác.

Xem thêm: Bố Và Con Gái Trên Giường - Cha Và Con Gái Trên Giường Làm Trò Chơi Hình Ảnh

Cài đặt Gulp

Quý khách hàng buộc phải thiết lập Node.js trước lúc rất có thể cài đặt Gulp.

Sau lúc vẫn cài đặt Node, bạn cũng có thể thiết đặt Gulp bằng cách sử dụng lệnh sau:

$ sudo npm install gulp -g

Thảm khảo bên trên blog của techmaster https://techmaster.vn/posts/34204/gulp-cho-nguoi-moi-bat-dau (Nguồn Techmaster )

Hướng dẫn cần sử dụng gulp nhằm convert từ bỏ SCSS to lớn CSS

npm init // This will run through creating the package.json filenpm install -g gulp // If you haven"t installed gulp globally beforenpm install --save-dev gulpnpm install --save-dev gulp-sassTạo gulpfile.js nhằm build scss to cssvar gulp = require("gulp");var sass = require("gulp-sass");gulp.task("styles", function() gulp.src("sass/**/*.scss") .pipe(sass().on("error", sass.logError)) .pipe(gulp.dest("./css/")));//Watch taskgulp.task("default",function() gulp.watch("sass/**/*.scss",<"styles">););Cấu trúc dự án:

*

Bây tiếng bạn vào thư mục sass , các bạn tạo thành file styles.scss các bạn viết mtại 1 đoạn style test bé dại Sau kia bạn msinh sống cmd lên chúng ta chạy lệnh sau

gulp

Sau đó các bạn vào file CSS chúng ta thấy nó sẽ tự đông build ra file css cho những bạn

Vậy là kết thúc rồi , đó là 1 bài khuyên bảo nhỏ tuổi về convert trường đoản cú SCSS to lớn CSS , tuy nhiên gulp bên cạnh vấn đề build scss qua css đến bác bỏ chúng ta thì nó rất có thể có tác dụng đầy đủ vấn đề khác ví như build các file TypeScript to lớn JS , cùng các sự việc khác , để nắm rõ rộng về gulp thì chúng ta lên Home của Gulp nhằm tò mò kĩ hơn về nó .