您的位置:首页 > 其它

grunt学习笔记四:grunt实例demo

2015-11-10 18:32 567 查看
1.新建项目demo

2.在demo根目录下,创建package.json文件

eg:

{

"name":"demo",

"version":"1.0.0",

"devDependencies": {

"grunt-contrib-uglify":"~0.2.0"

}

}

2.运行npm install 生成node_modules目录,该目录包含grunt插件

3.demo根目录下,新建src目录

4.src目录中 新建测试文件hello-grunt.js

(function)($){

var str = "<p>hello grunt</p>";

$('body').append(str);

})(jQuery)

5.在demo根目录下,新建 build 目录,存放处理后的文件

6.编写 Gruntfile.js 文件

module.exports = function(grunt) {

// 构建任务配置

grunt.initConfig({

//读取package.json的内容,形成个json数据

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

uglify: {

//文件头部输出信息

options: {

banner:'/*! <%= pkg.name %> <%= grunt.template.today("yyyy-mm-dd") %> */\n'

},

//具体任务配置

build: {

//源文件

src:'src/hello-grunt.js',

//目标文件

dest:'build/hello-grunt-min.js'

}

}

});

// 加载指定插件任务

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

// 默认执行的任务

grunt.registerTask('default', ['uglify']);

};

7.grunt 运行
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: