Grunt

Grunt自动化构建入门

1. Grunt的运行原理

  运行grunt,利用node的require查找本地的Grunt, 查找到本地有Grunt,CLI将其加载,并传递Gruntfile中的配置信息。

2. 使用grunt-init自动创建gruntfile.js和package.json文件

  1)全局安装grunt-init

    npm install -g grunt-init

  2)克隆grunt-init-gruntfile模板到本地

    git clone https://github.com/gruntjs/grunt-init-gruntfile.git ~/.grunt-init/gruntfile

  3)使用模板,打开控制台执行以下命令

    grunt-init gruntfile

  现在项目中有gruntfile.js、package.json文件啦

3. package.json: 此文件被npm用于存储项目的元数据,以便将此项目发布为npm模块。你可以在此文件中列出项目依赖的grunt和Grunt插件,放置于devDependencies配置段内。

4. Gruntfile: 此文件被命名为 Gruntfile.js 或 Gruntfile.coffee,用来配置或定义任务(task)并加载Grunt插件的。 

5. 为项目安装package.json的方法

  1)大部分 grunt-init 模版都会自动创建特定于项目的package.json文件。

  2)npm init命令会创建一个基本的package.json文件。

6. 安装Grunt和grunt插件

  向已经存在的package.json 文件中添加Grunt和grunt插件的最简单方式是通过npm install <module> --save-dev命令。此命令不光安装了<module>,还会自动将其添加到devDependencies 配置段中,遵循tilde version range格式。

7. 将安装Grunt最新版本到项目目录中,并将其添加到devDependencies内

  npm install grunt --save-dev

8. 

转载于:https://www.cnblogs.com/coco-bear/p/8478571.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值