Bạn đang xem: Nghĩa của từ grunt là gì
Vậy chính xác Grunt là gì? tại sao lại sử dụng một task runner nhỏng grunt? Tất cả được gói gọn gàng chỉ bằng một từ: Tự hễ hóa.
Trước hết, Grunt là gì thế?
Gruntvào tiếng anh tức là chỉ bé heo kêu ụt ịt. Còn trong thiết kế, Grunt làJavaScripttask runner, công cụ được thực hiện để auto tiến hành các quá trình thường xuyên gặp mặt vào thiết kế nhưminification,compilation,unit testing, vàlinting. Công nuốm có mộtgiao diện dòng-lệnhđể chạy các tác vụ được xác địnhvào file (nói một cách khác là Gruntfile). Grunt được tạo thành bsinh sống Ben Alman và viết bằngNode.js. Công ráng được phân bổ thông quanpm. Đến mon 9 năm 2016, gồm 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 lựa chọn Grunt làm tasks runner cho project?
Hữu ích
Grunt.js cho phép bạn chạy các tác vụ của bản thân Khi nó kiếm tìm tìm cấu hình theo thuộc tính cùng thương hiệu. Theo biện pháp giống như, đa tác vụ rất có thể có khá nhiều thông số kỹ thuật. Nó cũng cho phép các bạn chế tác các trọng trách bởi "túng danh" (alias) với đấy là một tài năng siêu hữu dụng chất nhận được các bạn đơn giản và dễ dàng hoá (abstract) những chi tiết của một task chung bình thường.
ví dụ như hoàn toàn có thể là khi bạnminify, chạy thử, concatenate, và abstractdướng task mang tên "build".
Nhất quán
Grunt.js cung cấp cho bạn một bối cảnh đồng hóa nhằm cấu hình cùng sử dụng ngẫu nhiên tác vụ làm sao, nói theo cách khác, chúng ta buộc phải thao tác làm việc và áp dụng một tập thích hợp lệnh thống duy nhất, đảm bảo bất kể ai nếu còn muốn cấu hình grunt.js hầu như bắt buộc viết mã theo và một tiêu chuẩn chỉnh.
Cộng đồng
Grunt.js có một xã hội những Nhà cách tân và phát triển Web Front-End mạnh mẽ. Đã tất cả sẵn một vài ba task bổ ích nhằm các bạn áp dụng tức thì.
Mạnh mẽ và linc hoạt
Grunt.js cung cấp toàn bộ tiềm năng của Node.js cho những tác vụ của chúng ta, và nhỏng sẽ nói trước kia, giải pháp khiến cho 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ẻ trung và tràn trề sức khỏe của Grunt. Bây tiếng hãy coi demo phương pháp thiết đặt Grunt ra sao nhé.
Cài đặt Grunt
Nlỗi chúng ta vẫn biết Grunt được kiến thiết trên Node.js và nó có sẵn bên dưới dạngpackagethông quaNode package manager(npm). Vì vậy, cơ chế rất dễ setup.
Xem thêm: Cách Yểm Bùa Lỗ Ban Là Gì Và Cách Phá Giải Bùa Lỗ Ban 100%, Cách Phá Giải Bùa Lỗ Ban
npm install grunt --save-dev
Sau đó, liên tục thiết lập Grunt Module bạn có thể cần đến vào quá trình làm việc, ví dụ:
npm install grunt-contrib-concát --save-dev
Bây giờ đồng hồ, hãy tạo thành một package.json với một Gruntfile.js trong thỏng 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 đến NPM biết họ đang cài đặt nhữngdependenciesnào đến dự án công trình của chính bản thân mình. Vấn đề này có nhiều ưu thế và nó giúp ích cho mình khi chúng ta làm việc cùng với team bằng phương pháp giữ lại đến toàn bộ các môi trường thiên nhiên được đồng bộ hóa và sử dụng những dependencies như thể nhau.
Chạy npm install, và NPM sẽ đem đều ban bố này mang đến chúng ta vào thư mục node_modules.
lấy 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 trên đây bạn sẽ phải thiết lập Gruntfile.js thể hiện quy trình build.
module.exports = function(grunt)
// Project configuration.
grunt.initConfig(
pkg: grunt.file.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 Gruntfile thực hiện một hàm wrapper được đặt tên theo định hình cơ bạn dạng, cùng tất cả Grunt code của chúng ta bắt buộc được hướng dẫn và chỉ định vào hàm:
module.exports = function(grunt)
// grunt code
;
grunt.initConfig();
grunt.initConfig khởi tạotask configuration objectcho những dự án mà chúng ta đang tiến hành. Quý Khách có thể lưu trữ bất kỳ dữ liệu tùy ý như thế nào bên trong grunt.initConfig, miễn sao tài liệu đó ko xung đột cùng với các thuộc tính nhưng tác vụ của chúng ta trải nghiệm, còn nếu như không, tài liệu đó có khả năng sẽ bị bỏ qua mất.
Custom tasks
Quý khách hàng có thể định thông số kỹ thuật Grunt để chạy một hoặc nhiều tác vụ theo mặc định bằng phương pháp khẳng định tác vụ mặc định. Chạy grunt trên loại lệnh mà lại không chỉ là định tác vụ, Grunt đang chạy tác vụuglify. Điều này về phương diện công dụng cũng giống như câu hỏi ta chạy đúng đắn grunt uglify hoặc thậm chí còn là gruntdefault. Bất kỳ số lượng tác vụ như thế nào (gồm hoặc không tồn tại đối số) rất có thể được hướng dẫn và chỉ định trongarray, ví dụ:
grunt.registerTask("default", <"uglify">);
Các cửa hàng với dự án công trình đã thực hiện Grunt
Một số đơn vị với dự án công trình bự vẫn thao tác làm việc cùng với Grunt, ví như Adobe, jQuery, Twitter, Bootstrap, Adobe, WordPress, Walmart với những chủ thể khác. Hãy bình chọn và xem liệu chính sách này còn có cân xứng cùng với các bước thao tác của người tiêu dùng và hoàn toàn có thể giúp quá trình của bạn thuận tiện rộng không.
Lúc các bạn bắt đầu thực hiện Grunt cho những dự án của chính bản thân mình, bạn sẽ thấy nó là 1 nguyên lý tuyệt đối. Để hiểu biết thêm biết tin vềtask runner này, chúng ta có thể truy vấn website chấp nhận. Chỉ phải nhấp vào chỗ này.
