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

  

 

posted on 2017-03-15 09:52  志明1220  阅读(110)  评论(0编辑  收藏  举报

导航