grunt工具的使用

62 阅读 0 评论 41 点赞

我是靠谱客的博主酷酷煎饼，最近开发中收集的这篇文章主要介绍grunt工具的使用，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

学习网址：https://gruntjs.com/ 插件库https://gruntjs.com/plugins

1. 定义

Grunt及其插件通过npm（Node.js软件包管理工具）进行安装和管理。

2. Gruntfile主要参数或函数

参数

options属性
主要用来指定覆盖内置属性的默认值。目标级别的option可以覆盖任务级别的option。

函数

grunt.initConfig({}); // 初始化配置对象
grunt.loadNpmTasks('...'); // 通过Npm加载Grunt插件
grunt.registerTask('taskName', ['task-member', ...]); // 创建任务
<%%> // 模板字符串可以引用任意的配置属性

3. 常用指令

npm update -g npm // npm升级
npm install -g grunt-cli // 全局安装grunt命令行
npm init // 创建基本的pachage.json文件
npm install <module> --save -dev // 安装模块、插件到devDependencies配置段中:ta
grunt task // 运行任务的所有目标，并依次处理
grunt task:target // 运行任务的目标