grunt 入门笔记

本文详细介绍了如何使用npm初始化项目并安装Grunt CLI,生成package.json文件,配置Grunt依赖,修改Gruntfile.js核心任务,以及如何执行Grunt命令进行任务执行。通过实例指导开发者快速上手Grunt,提高项目开发效率。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

1.安装grunt:       npm install -g grunt-cli

2.生成package.json: 使用 npm init 辅助生成

3.package.json 中添加Grunt 依赖

   "devDependencies": {
        "grunt": "~0.4.1",
        "grunt-contrib-jshint": "~0.6.0",
        "grunt-contrib-nodeunit": "~0.2.0",
        "grunt-contrib-uglify": "~0.2.2"
    }

或者通过 npm install  XXXXXX --save-dev  命令来安装模块

4.执行npm install  安装依赖模块

5.修改Gruntfile.js  核心上线grunt各种任务

// wrapper

module.exports = function(grunt)

{

// 核心,配置各种参数

grunt.initConfig({

pkg:grunt.file.readJSON("package.json"),

uglify:{

// uglify 的各种参数

option:{},

build:{

src:"",

desc:""

}

}

});

// 加载uglify 模块

grunt.loadNpmTasks("grunt-contrib-uglify");

// 将uglify 注册为默认命令

grunt.registerTask("default",["uglify"])

}


6.执行grunt 命令

grunt uglify  或者直接执行 grunt


参考文档:http://www.gruntjs.net/docs/getting-started/  非常好,非常详细的参考文档那个



评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值