grunt 试用笔记

Gruntjs是JavaScript项目的构建工具,也是基于node的一个命令行工具。很多开源JS项目都是使用它搭建。如jQuery、Qunit、CanJS等。它有以下作用

合并JS文件
压缩JS文件
单元测试(基于QUnit)
一句话:完全自动化(automation)

以下是它的安装过程。

 

一、安装node

参考nodejs入门 (最新的node会自动安装npm)

二、安装grunt命令行工具grunt-cli

安装后,可以查看改工具的版本。命令: grunt -version

三、安装grunt及其插件

进入到某项目根目录D:\zjj\server\htdocs\test_gjs,使用命令: npm install grunt --save-dev 至此,安装完毕。


1、进入项目目录,如 D:\zjj\server\htdocs\test_gjs,执行如下命令:npm install grunt --save-dev
2、新建项目文件package.json

{
"name": "Bejs",
"version": "0.1.0",
"devDependencies": {
"grunt": "~0.4.0",
"grunt-contrib-jshint": "~0.1.1",
"grunt-contrib-uglify": "~0.1.2",
"grunt-contrib-concat": "~0.1.1"
}
}


3、执行npm install
4、新建文件Gruntfile.js
module.exports = function(grunt) {
// 配置
grunt.initConfig({
pkg : grunt.file.readJSON('package.json'),
concat : {
domop : {
src: ['src/ajax.js', 'src/selector.js'],
dest: 'dest/domop.js'
}
},
uglify : {
options : {
banner : '/*! <%= pkg.name %> <%= grunt.template.today("yyyy-mm-dd") %> */\n'
},
build : {
src : 'dest/domop.js',
dest : 'dest/domop.min.js'
}
}
});
// 载入concat和uglify插件,分别对于合并和压缩
grunt.loadNpmTasks('grunt-contrib-concat');
grunt.loadNpmTasks('grunt-contrib-uglify');
// 注册任务
grunt.registerTask('default', ['concat', 'uglify']);
}; 
5、执行grunt、至此Js压缩就完成了,转自

http://www.cnblogs.com/snandy/archive/2013/03/11/2949177.html

http://www.cnblogs.com/snandy/archive/2013/03/07/2946989.html

 

你可能感兴趣的:(grunt)