grunt实现把一个文件夹的目录和js一一对应压缩
2016-10-24 14:11
323 查看
1、待压缩文件目录
2、压缩后文件目录
3、GruntFile.js代码
module.exports=function(grunt){
grunt.initConfig({
pkg:grunt.file.readJSON('package.json'),
//uglify压缩
uglify:{
options:{
stripBanners:true,
banner:'/*! <%=pkg.name%>-<%=pkg.version%>.js <%=grunt.template.today("yyyy-mm-dd") %> */\n'
},
my_target: {
files: [
{
expand: true,
//相对路径
cwd: 'src/',
src: '**/*.js',
dest: 'min/',
// rename: function (dest, src) {
// var folder = src.substring(0, src.lastIndexOf('/'));
// var filename = src.substring(src.lastIndexOf('/'), src.length);
// // var filename=src;
// filename = filename.substring(0, filename.lastIndexOf('.'));
// var fileresult=dest + folder + filename + '.min.js';
// grunt.log.writeln("现处理文件:"+src+" 处理后文件:"+fileresult);
// return fileresult;
// //return filename + '.min.js';
// }
}
]
}
},
//watch监听
watch:{
build:{
files:['src/*.js'],
tasks:['uglify'],
options:{spawn:false}
}
},
//合并js
// concat: {
// options: {
// separator: ';',
// },
// dist: {
// src: ['lib/jquery/jquery-1.11.3.min.js', 'lib/angular/angular.js'],
// dest: 'lib/main.js',
// },
// },
//合并css
concat: {
css:{
src: ['css/animate.css','css/bootstrap.min.css','css/fileinput.min.css'],
dest:'css/main.css'
}
},
// cssmin: { //css文件压缩
// css: {
// src: 'css/main.css',//将之前的main.css
// dest: 'css/main.min.css' //压缩
// }
// }
});
//压缩
grunt.loadNpmTasks('grunt-contrib-uglify');
//监听
grunt.loadNpmTasks('grunt-contrib-watch');
//打包js
grunt.loadNpmTasks('grunt-contrib-concat');
grunt.loadNpmTasks('grunt-css');
//js打包
//grunt.registerTask('concatjs',['concat']);
//css打包
//grunt.registerTask('css',['concat']);
//默认任务
grunt.registerTask('default',['uglify','watch']);
};
2、压缩后文件目录
3、GruntFile.js代码
module.exports=function(grunt){
grunt.initConfig({
pkg:grunt.file.readJSON('package.json'),
//uglify压缩
uglify:{
options:{
stripBanners:true,
banner:'/*! <%=pkg.name%>-<%=pkg.version%>.js <%=grunt.template.today("yyyy-mm-dd") %> */\n'
},
my_target: {
files: [
{
expand: true,
//相对路径
cwd: 'src/',
src: '**/*.js',
dest: 'min/',
// rename: function (dest, src) {
// var folder = src.substring(0, src.lastIndexOf('/'));
// var filename = src.substring(src.lastIndexOf('/'), src.length);
// // var filename=src;
// filename = filename.substring(0, filename.lastIndexOf('.'));
// var fileresult=dest + folder + filename + '.min.js';
// grunt.log.writeln("现处理文件:"+src+" 处理后文件:"+fileresult);
// return fileresult;
// //return filename + '.min.js';
// }
}
]
}
},
//watch监听
watch:{
build:{
files:['src/*.js'],
tasks:['uglify'],
options:{spawn:false}
}
},
//合并js
// concat: {
// options: {
// separator: ';',
// },
// dist: {
// src: ['lib/jquery/jquery-1.11.3.min.js', 'lib/angular/angular.js'],
// dest: 'lib/main.js',
// },
// },
//合并css
concat: {
css:{
src: ['css/animate.css','css/bootstrap.min.css','css/fileinput.min.css'],
dest:'css/main.css'
}
},
// cssmin: { //css文件压缩
// css: {
// src: 'css/main.css',//将之前的main.css
// dest: 'css/main.min.css' //压缩
// }
// }
});
//压缩
grunt.loadNpmTasks('grunt-contrib-uglify');
//监听
grunt.loadNpmTasks('grunt-contrib-watch');
//打包js
grunt.loadNpmTasks('grunt-contrib-concat');
grunt.loadNpmTasks('grunt-css');
//js打包
//grunt.registerTask('concatjs',['concat']);
//css打包
//grunt.registerTask('css',['concat']);
//默认任务
grunt.registerTask('default',['uglify','watch']);
};
相关文章推荐
- grunt 一个目录下所有的js文件压缩 配置收藏
- [JS]实现点击一个单元格后对应的内容处于可编辑状【转载】
- JS 实现文件夹目录选择
- matlab 根据一个目录下多个文件夹中的多个注释名字找个对应图片拷贝到另一个文件夹中
- JS如何遍历一个文件夹下的所有文件与目录
- ICSharpCode.SharpZipLib.dll实现压缩解压一个树形目录
- C语言实现查看一个文件夹目录里面所有内容的大小功能
- java实现zip压缩文件(同一文件夹下的多个文件夹打成一个zip包)
- JS如何遍历一个文件夹下的所有文件与目录
- 关于grunt实现js,html,css编译压缩
- JS 实现文件夹目录选择
- JS 实现遍历某一磁盘文件夹下目录的功能
- ICSharpCode.SharpZipLib.dll实现压缩解压一个树形目录
- JS 实现文件夹目录选择
- 递归实现以树的形式输入某一个文件夹下的所有文件及目录,不要求图形界面
- JAVA实现将一个目录里的文件压缩到zip文件里
- c/c++实现将cef的一堆dll单独放在一个文件夹,与程序exe目录区分开
- JS 实现文件夹目录选择
- JS如何遍历一个文件夹下的所有文件与目录(转)
- 一个修改过的python zifile的包装模块,支持对目录压缩(包括空的文件夹),解压缩会解压缩空目录