Grunt

介绍:1.为什么要构建工具(自动化

     2.为什么要使用Grunt(生态系统庞大,一直增长。利用Grunt自动完成任何事情

安装:   grunt中文网------>快速入门

    通过npm安装,npm是node.js的包管理器,node版本超过0.8(命令行npm -v检查当前node的版本)

           npm install -g grunt-cli

 1.新建一个项目grunttext文件(提示最好不要用大写字母     所有命令都在node.js command prompt执行)

  (0).准备工作,新建一个package.json包和Gruntfile.js

     1.)命令行内进入当前文件夹下执行命令npm init

      会有一些版本,描述,作者,关键词等等需要填写, 可默认(回车)。(将会写到当前目录下package.json包中) 在Gruntfile配置task。Grunt的task配置都是在 Gruntfile 中的grunt.initConfig方法中指定的

 

  (1).在当前文件下安装grunt(开启管理员运行)

    (sudo)npm install grunt --save-dev (会被保存到package.json中)

  (2)在grunttext新建一个index.html。并且新建一个文件js,在当中新建index.js,main.js。在index.html中引入index.js,main.js

  (3)详情内容grunttext文件夹中Gruntfile.js中配置描述

  (4)(sudo)npm install grunt-contrib-uglify --save-dev

  (5)(sudo)npm install grunt-contrib-concat --save-dev

  (6)(sudo)npm install grunt-contrib-watch --save-dev

  

 

转载于:https://www.cnblogs.com/Jamison/p/6552644.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值