Gulp và những khái niệm cơ bản nhất

phần lớn Khi gọi mấy dòng bài xích tuyển chọn dụng họ viết, biết gulp là 1 ưu thế. Vậy Gulp là gì trong bài bây giờ chúng ta cùng mày mò về nó nhé

Gulp là gì?

Gulp là 1 trong quy định giúp đỡ bạn tự động hóa hóa các task (nhiệm vụ) vào quy trình cách tân và phát triển website.

Bạn đang xem: Gulp và những khái niệm cơ bản nhất

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

Tạo ra một web hệ thống.Reload trình chăm bẵm một cách auto bất kể lúc nào một tệp tin được lưu.Sử dụng các preprocessor giống hệt như Sass hoặc LESS.Tối ưu hóa những tài nguyên ổn nlỗi CSS, JavaScript và hình ảnh. Đây chưa hẳn là 1 trong list trọn vẹn về những sản phẩm công nghệ nhưng Gulp có thể có tác dụng. Nếu ao ước, bạn có thể chế tác một generator website site tĩnh. Gulp cực kỳ khỏe khoắn, nhưng mà bạn cần học cách sử dụng Gulp nếu muốn tạo thành một quá trình (process) của riêng mình. Bài viết này để giúp đỡ chúng ta gồm có kỹ năng và kiến thức cơ phiên bản về Gulp kế tiếp chúng ta cũng có thể từ bản thân khám phá phần nhiều đồ vật. Trước Khi đi sâu vào Gulp, hãy nói về nguyên nhân tại vì sao bạn sử dụng Gulp mà lại không hẳn những hình thức khác.

Xem thêm: Search Results For “

Cài đặt Gulp

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

Xem thêm: Lwjgl - Openal Là Gì

Sau Lúc sẽ thiết đặt Node, bạn có thể setup Gulp bằng phương pháp sử dụng lệnh sau:

$ suvày npm install gulp -g

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

Hướng dẫn sử dụng gulp để convert tự 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 gulptệp tin.js để build scss to lớn 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 giờ đồng hồ bạn vào tlỗi mục sass , chúng ta tạo thành tệp tin styles.scss bạn viết mở một đoạn style test nhỏ tuổi Sau đó các bạn mnghỉ ngơi cmd lên bạn chạy lệnh sau

gulp

Sau đó chúng ta vào file CSS các bạn thấy nó sẽ trường đoản cú đông build ra file css cho các bạn

Vậy là xong xuôi rồi , đây là 1 bài xích giải đáp bé dại về convert từ bỏ SCSS lớn CSS , mà lại gulp kế bên bài toán build scss qua css mang lại bác bỏ bạn thì nó có thể có tác dụng các bài toán khác ví như build các file TypeScript khổng lồ JS , cùng những vụ việc không giống , nhằm làm rõ hơn về gulp thì chúng ta lên trang chủ của Gulp nhằm khám phá kĩ rộng về nó .


Chuyên mục: Công Nghệ 4.0