NGHĨA CỦA TỪ GRUNT

khi nhiều người đang thi công một ứng dụng web với thao tác bên trên một dự án JavaScript, có tương đối nhiều điều bạn sẽ hy vọng làm cho liên tục. Ví dụ: bạn muốn thực hiện các tác vụ như thu nhỏ dại (minification), biên dịch (compilation), unit testing, linting, v.v. Sau khi bạn đang định thông số kỹ thuật, một task runner hoàn toàn có thể triển khai đa số các bước kia cho chính mình. Tất cả các tác vụ đó được định thông số kỹ thuật trong một tệp JavaScript mang tên Gruntfile.js khiến cho bạn tiến hành quá trình của bản thân mình gấp rút cùng thuận tiện hơn những đấy.

Bạn đang xem: Nghĩa của từ grunt

Vậy đúng chuẩn Grunt là gì? vì sao lại áp dụng một task runner nhỏng grunt? Tất cả được gói gọn chỉ bởi một từ: Tự cồn hóa.

Trước không còn, Grunt là gì thế?

Gruntvào giờ anh tức thị chỉ con heo kêu ụt ịt. Còn vào xây dựng, Grunt làJavaScripttask runner, nguyên tắc được thực hiện để tự động hóa thực hiện các quá trình thường xuyên gặp mặt vào lập trình nhưminification,compilation,unit testing, vàlinting. Công cố kỉnh gồm mộthình ảnh dòng-lệnhđể chạy các tác vụ được xác địnhvào tệp tin (có cách gọi khác là Gruntfile). Grunt được tạo thành bsinh sống Ben Alman với viết bằngNode.js. Công vắt được phân bố thông quanpm. Đến tháng 9 năm năm nhâm thìn, tất cả rộng 5,000 plugins khả dụng vào hệ sinh thái xanh Grunt.

Tại sao các bạn hãy chọn Grunt làm cho tasks runner cho project?

Hữu ích

Grunt.js cho phép các bạn chạy các tác vụ của chính bản thân mình Khi nó tìm kiếm kiếm cấu hình theo trực thuộc tính cùng tên. Theo bí quyết tương tự, đa tác vụ rất có thể có rất nhiều cấu hình. Nó cũng chất nhận được các bạn tạo những nhiệm vụ bằng "túng bấn danh" (alias) cùng đây là một kỹ năng siêu hữu dụng chất nhận được chúng ta đơn giản và dễ dàng hoá (abstract) các cụ thể của một task phổ biến phổ biến.

ví dụ như hoàn toàn có thể là khi bạnminify, chạy thử, concatenate, với abstractdướng task mang tên "build".

Nhất quán

Grunt.js cung ứng cho chính mình một hình ảnh đồng nhất để cấu hình và thực hiện bất kỳ tác vụ làm sao, nói theo một cách khác, các bạn đề xuất thao tác làm việc với thực hiện một tập hòa hợp lệnh thống duy nhất, bảo đảm bất kể ai nếu muốn thông số kỹ thuật grunt.js đa số phải viết mã theo và một tiêu chuẩn.

Cộng đồng

Grunt.js gồm một xã hội các Nhà trở nên tân tiến Web Front-End trẻ trung và tràn đầy năng lượng. Đã có sẵn một vài task có lợi nhằm chúng ta thực hiện ngay lập tức.

Mạnh mẽ & linh hoạt

Grunt.js hỗ trợ toàn bộ tiềm năng của Node.js cho những tác vụ của khách hàng, với nlỗi đã kể trước đó, mức sử dụng giúp đỡ bạn bằng cách auto hóa các tác vụ.

Và ta đã biết được 4 điểm lợi thế trẻ khỏe của Grunt. Bây tiếng hãy xem thử phương pháp thiết đặt Grunt ra làm sao nhé.

Cài đặt Grunt

Nlỗi các bạn đã biết Grunt được kiến tạo bên trên Node.js với nó có sẵn dưới dạngpackagethông quaNode package manager(npm). Vì vậy, phép tắc rất đơn giản thiết đặt.

Xem thêm: Top 15 Phần Mềm Viết Chữ Lên Hình Ảnh Tốt Nhất Trên Iphone, Android

npm install grunt --save-dev

Sau kia, liên tục thiết đặt Grunt Module bạn có thể buộc phải đến vào quá trình thao tác, ví dụ:

npm install grunt-contrib-conmèo --save-dev

Bây tiếng, hãy tạo thành một package.json cùng một Gruntfile.js trong thư mục cội của project.

package.json

Vậy đúng đắn thì package.json có tác dụng gì? Tệp này mang đến NPM biết chúng ta đã thiết lập nhữngdependenciesnhư thế nào mang lại dự án công trình của bản thân. Điều này có tương đối nhiều ưu thế và nó giúp ích cho mình khi chúng ta thao tác làm việc cùng với team bằng cách giữ lại mang lại tất cả những môi trường thiên nhiên được đồng nhất hóa cùng sử dụng các dependencies như là nhau.

Chạy npm install, và NPM đang đem phần lớn thông báo này mang lại bọn họ vào folder node_modules.

ví dụ như về package.json:

"name": "my-project-name",

"version": "1.0.0",

"devDependencies":

"grunt": "~0.4.1",

"grunt-contrib-compass": "~0.2.0",

"grunt-contrib-watch": "~0.4.3",

"grunt-contrib-uglify": "~0.2.0"

Đến đây các bạn sẽ đề nghị thiết lập Grunttệp tin.js mô tả quá trình build.

module.exports = function(grunt)

// Project configuration.

grunt.initConfig(

pkg: grunt.tệp tin.readJSON("package.json"),

uglify:

options:

force: true

);

// Load the plugin that provides the "uglify" task.

grunt.loadNpmTasks("grunt-contrib-uglify");

// Default task(s).

grunt.registerTask("default", <"uglify">);

;

Mỗi Grunttệp tin áp dụng một hàm wrapper được lấy tên theo định dạng cơ bạn dạng, với tất cả Grunt code của doanh nghiệp bắt buộc được hướng dẫn và chỉ định trong hàm:

module.exports = function(grunt)

// grunt code

;

grunt.initConfig();

grunt.initConfig khởi tạotask configuration objectcho những dự án nhưng mà họ đang tiến hành. quý khách hàng có thể lưu trữ ngẫu nhiên tài liệu tùy ý nào bên phía trong grunt.initConfig, miễn là dữ liệu kia ko xung đột nhiên với những trực thuộc tính mà lại tác vụ của bạn thử dùng, còn nếu như không, dữ liệu kia sẽ ảnh hưởng bỏ qua.

Custom tasks

Quý khách hàng rất có thể định cấu hình Grunt để chạy một hoặc những tác vụ theo mang định bằng phương pháp xác định tác vụ mang định. Chạy grunt trên mẫu lệnh nhưng mà không những định tác vụ, Grunt vẫn chạy tác vụuglify. Như vậy về khía cạnh công dụng cũng tương tự vấn đề ta chạy đúng đắn grunt uglify hoặc thậm chí là là gruntmặc định. Bất kỳ con số tác vụ làm sao (gồm hoặc không tồn tại đối số) có thể được hướng đẫn trongarray, ví dụ:

grunt.registerTask("default", <"uglify">);

Các đơn vị với dự án công trình vẫn sử dụng Grunt

Một số công ty với dự án bự đang làm việc cùng với Grunt, ví dụ như Adobe, jQuery, Twitter, Bootstrap, Adobe, WordPress, Walmart cùng nhiều công ty khác. Hãy khám nghiệm và coi liệu luật này có cân xứng cùng với các bước thao tác làm việc của người tiêu dùng cùng có thể góp các bước của doanh nghiệp tiện lợi hơn không.

*

Lúc các bạn bắt đầu áp dụng Grunt cho những dự án công trình của mình, bạn sẽ thấy nó là 1 trong quy định tuyệt đối hoàn hảo. Để hiểu thêm ban bố vềtask runner này, chúng ta cũng có thể truy vấn trang web phê chuẩn. Chỉ phải nhấp vào đây.