grunt 相关知识
/**
* Created by lee on 2014.07.02 002.
*/
module.exports = function (grunt) { // 项目配置
grunt.initConfig({
pkg: grunt.file.readJSON('package.json'),
uglify: {
options: {
banner: '/*! <%= pkg.name %> <%= grunt.template.today("yyyy-mm-dd") %> */\n'//添加banner
},
//任务一:压缩a.js,不混淆变量名,保留注释,添加banner和footer
builda: {
options: {
mangle: false, //不混淆变量名
preserveComments: 'all', //不删除注释,还可以为 false(删除全部注释),some(保留@preserve @license @cc_on等注释)
footer: '\n/*! <%= pkg.name %> 最后修改于: <%= grunt.template.today("yyyy-mm-dd") %> */'//添加footer
},
files: {
'output/js/a.min.js': ['js/a.js']
}
},
//任务二:压缩b.js,输出压缩信息
buildb: {
options: {
report: "min"//输出压缩率,可选的值有 false(不输出信息),gzip
},
files: {
'output/js/b.min.js': ['js/main/b.js']
}
},
//任务三:按原文件结构压缩js文件夹内所有JS文件
buildall: {
files: [
{
expand: true,
cwd: 'js',//js目录下
src: '**/*.js',//所有js文件
dest: 'output/js'//输出到此目录下
}
]
},
//任务四:合并压缩a.js和b.js
release: {
files: {
'output/js/index.min.js': ['js/a.js', 'js/main/b.js']
}
}
},
filerev: {
dist: {
src: [
'<%= pkg.dist %>/scripts/{,*/}*.js',
'<%= pkg.dist %>/styles/{,*/}*.css',
'<%= pkg.dist %>/images/{,*/}*.{png,jpg,jpeg,gif,webp,svg}',
'<%= pkg.dist %>/styles/fonts/*'
]
}
},
copy: {
dist: {
files: [
{
expand: true,
dot: true,
cwd: '<%= pkg.app %>',
dest: '<%= pkg.dist %>',
src: [
'*.{ico,png,txt}',
'.htaccess',
'*.html',
'views/{,*/}*.html',
'images/{,*/}*.{webp}',
'fonts/*'
]
}
]
},
styles: {
expand: true,
cwd: '<%= pkg.app %>/styles',
dest: '<%= pkg.dist %>/styles',
src: '{,*/}*.css'
},
script: {
expand: true,
cwd: '<%= pkg.app %>/scripts',
dest: '<%= pkg.dist %>/scripts',
src: '{,*/}*.js'
}
},
useminPrepare: {
html: '<%= pkg.app %>/index.html',
options: {
dest: '<%= pkg.dist %>',
flow: {
html: {
steps: {
js: ['concat', 'uglifyjs']
},
post: {}
}
}
}
}, // Performs rewrites based on filerev and the useminPrepare configuration
usemin: {
html: ['<%= pkg.dist %>/{,*/}*.html'],
css: ['<%= pkg.dist %>/styles/{,*/}*.css'],
options: {
assetsDirs: ['<%= pkg.dist %>','<%= pkg.dist %>/images']
}
}
}); // 加载提供任务的插件
grunt.loadNpmTasks('grunt-contrib-uglify');
grunt.loadNpmTasks('grunt-filerev');
grunt.loadNpmTasks('grunt-usemin'); // 默认任务
grunt.registerTask('default', ['uglify:release']);
grunt.registerTask('mina', ['uglify:builda']);
grunt.registerTask('minb', ['uglify:buildb']);
grunt.registerTask('minall', ['uglify:buildall']);
grunt.registerTask('build', ['uglify:buildall']);
}
这里主要使用的是 grunt-contrib-uglify 使用了文件压缩和文件合并;
pkg: grunt.file.readJSON('package.json'),
读取packages.json 文件里面的信息.
配置任务,使用uglify在里面配置任务 如上文件的 builda,buildb,buildall;
对于每个任务可配置的: 详细阅读 github uglify doc
demotask:{
options: {
report: "min",//输出压缩率,可选的值有 false(不输出信息),gzip
mangle: false, //是否混淆变量名 默认false 添加 except: ['jQuery', 'Backbone'] 例外 ;不要混淆替换jQuery 和Backbone
//对压缩方式控制 去掉 console.* 方法
compress: {
drop_console: true
},
preserveComments: 'all', //不删除注释,还可以为 false(删除全部注释),some(保留@preserve @license @cc_on等注释)
footer:'\n/*! <%= pkg.name %> 最后修改于: <%= grunt.template.today("yyyy-mm-dd") %> */'//添加footer
},
files: [{
expand:true,
cwd:'js',//js目录下
src:'**/*.js',//所有js文件
dest: 'output/js'//输出到此目录下
}]
}
grunt 相关知识的更多相关文章
- PySpark SQL 相关知识介绍
title: PySpark SQL 相关知识介绍 summary: 关键词:大数据 Hadoop Hive Pig Kafka Spark PySpark SQL 集群管理器 PostgreSQL ...
- 【Python五篇慢慢弹(5)】类的继承案例解析,python相关知识延伸
类的继承案例解析,python相关知识延伸 作者:白宁超 2016年10月10日22:36:57 摘要:继<快速上手学python>一文之后,笔者又将python官方文档认真学习下.官方给 ...
- 移动WEB像素相关知识
了解移动web像素的知识,主要是为了切图时心中有数.本文主要围绕一个问题:怎样根据设备厂商提供的屏幕尺寸和物理像素得到我们切图需要的逻辑像素?围绕这个问题以iphone5为例讲解涉及到的web像素相关 ...
- listener监听器的相关知识
从别人的博客上我学习了listener的相关知识现在分享给大家 1.概念: 监听器就是一个实现特定接口的普通java程序,这个程序专门用于监听另一个java对象的方法调用或属性改变,当被监听对象发生上 ...
- UIViewController相关知识
title: UIViewController 相关知识date: 2015-12-13 11:50categories: IOS tags: UIViewController 小小程序猿我的博客:h ...
- 【转】java NIO 相关知识
原文地址:http://www.iteye.com/magazines/132-Java-NIO Java NIO(New IO)是从Java 1.4版本开始引入的一个新的IO API,可以替代标准的 ...
- NSString使用stringWithFormat拼接的相关知识
NSString使用stringWithFormat拼接的相关知识 保留2位小数点 1 2 3 4 //.2代表小数点后面保留2位(2代表保留的数量) NSString *string = [NSSt ...
- iOS网络相关知识总结
iOS网络相关知识总结 1.关于请求NSURLRequest? 我们经常讲的GET/POST/PUT等请求是指我们要向服务器发出的NSMutableURLRequest的类型; 我们可以设置Reque ...
- 电路相关知识--读<<继电器是如何成为CPU的>>
电路相关知识–读<<继电器是如何成为CPU的>> */--> *///--> *///--> 电路相关知识–读<<继电器是如何成为CPU的> ...
随机推荐
- 解决 TextMate 2 无法安装 Emmet 插件
本篇文章由:http://xinpure.com/solving-textmate-2-cannot-install-emmet-plugin/ 前端神器 Emmet 插件原名为 ZedCoding ...
- 设置SSH编码为中文
http://www.qzz.in/?post=198下面是详细方法: 方法1: vi /etc/sysconfig/i18n 将内容改为 LANG="zh_CN.GB18030" ...
- flashback database(drop tablespace)
1.首先记录时间 select to_char(systimestamp,'yyyy-mm-dd HH24:MI:SS') from dual;--2014-04-25 13:55:48 查看表sel ...
- unity3d动态操作组件
利用范型,动态操作组件(添加或删除) e.AddComponent<CubeTranslate> ();//动态添加组件 Destroy (e.GetComponent<CubeTr ...
- wpf 帧动画
帧动画实现很简单 <ImageBrush x:Key="speed_s" Stretch="Fill" ImageSource="/images ...
- Atitit php序列化 php的serialize序列化和json序列化
Atitit php序列化 php的serialize序列化和json序列化 PHP 对不同类型的数据用不同的字母进行标示,Yahoo 开发网站提供的Using Serialized PHP with ...
- NSCharacterSet 去除NSString中的空格
转自:http://blog.sina.com.cn/s/blog_5421851501014xif.html 去除 username中的空格,table newline,nextline 代码如下: ...
- 浅谈iOS 5的StoryBoard
转自:http://blog.163.com/wangy_0223/blog/static/450146612012318113233218/ 示例代码的Github地址:https://github ...
- 使用 OpCache 提升 PHP 性能
使用 OpCache 提升 PHP 性能 wdd2007wdd2007 .6k 1月29日 发布 推荐 推荐 收藏 收藏,.3k 浏览 OpCache 通过对 opcode 的缓存和优化来提升 PHP ...
- uGUI Anchor
Anchor定位:inspector面板的Rect Transform组件中PosX左边的方框图标就是设置锚点的,做界面自适应时可定位控件在视图中的位置,与NGUI类似.Anchor+Canvas的C ...