grunt学习笔记四:grunt实例demo
来源:互联网 发布:mwc飞控源码解读 编辑:程序博客网 时间:2024/05/17 07:03
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 运行
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 运行
0 0
- grunt学习笔记四:grunt实例demo
- grunt学习笔记三:gruntfile.js-demo
- grunt学习笔记一:grunt安装
- grunt学习笔记五:grunt模板
- grunt学习笔记
- grunt学习笔记
- grunt学习笔记
- sea.js+grunt学习笔记
- grunt搭建环境学习笔记
- grunt笔记
- Grunt 笔记
- grunt学习
- Grunt学习
- grunt 学习
- grunt学习
- 学习Grunt
- grunt
- grunt
- Activity 启动流程,源码分析
- POJ-1012-Joseph-暴力/模拟
- 基于Snoopy的模拟登录
- 编程之美-数字哑谜和回文方法整理
- 低23讲 项目6:前导0的数字
- grunt学习笔记四:grunt实例demo
- 几种类间关系:继承、实现、依赖、关联、聚合、组合及UML实现图
- Junit测试用例配置Log4j
- Android.mk多级目录源码的编写
- 使用oc来创建项目和button的使用
- cloudstack vpc network egress-ingress rules
- Android开发历程之六
- grunt学习笔记五:grunt模板
- Shell脚本教程