首页 > 其他 > 详细

grunt学习笔记

时间:2014-02-22 01:24:17      阅读:352      评论:0      收藏:0      [点我收藏+]

环境描述

node=v0.10.25

npm=1.3.24

grunt-cli=0.1.13

 

说明

grunt客户端与grunt是一对多的关系。也就是一个客户端下可以使用不同版本的grunt。而这个取决于Gruntfile中的配置。

安装插件

例如:

npm install grunt-contrib-uglify

运行

安装完插件后,运行grunt:

grunt

 

Grunt项目描述

Grunt项目由两个配置文件和依赖插件组成。

package.json:配置项目信息、Grunt版本信息和Grunt插件信息。参考规范

Gruntfile:定义Grunt任务、配置Grunt插件。

 

配置参考 

package.json:

bubuko.com,布布扣
{
    "name": "my-project-name", // 项目名称
    "version": "0.1.0", // 项目版本
    "devDependencies": { // 项目依赖
        "grunt": "~0.4.1", // Grunt库
        "grunt-contrib-jshint": "~0.6.0", //以下三个是Grunt内置任务
        "grunt-contrib-nodeunit": "~0.2.0",
        "grunt-contrib-uglify": "~0.2.2"
    }
}
bubuko.com,布布扣

gruntfile.js

bubuko.com,布布扣
module.exports = function(grunt){

    // 项目配置
    grunt.initConfig({
        pkg: grunt.file.readJSON(package.json),
        uglify: {
            options: {
                banner: /*! <%= pkg.name %> <%= grunt.template.today("yyyy-mm-dd") %> */\n
            },
            build: {
                src: src/<%=pkg.name %>.js,
                dest: build/<%= pkg.name %>.min.js
            }               
        }
    });

    // 加载提供"uglify"任务的插件
    grunt.loadNpmTasks(grunt-contrib-uglify);

    // 默认任务
    grunt.registerTask(default, [uglify]);
}
bubuko.com,布布扣

 

 

参考:新手上路

grunt学习笔记

原文:http://www.cnblogs.com/javawer/p/3559594.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!