grunt-watch插件的使用
2016-02-26 17:09
501 查看
配置css和js文件发生变化就重新合并压缩css和js文件
package.json
{
"name": "AngularAndRequire",
"version": "0.1.0",
"description" : "AngularAndRequire1.0",
"author": "Mario.Li",
"devDependencies": {
"grunt": "~0.4.1",
"grunt-contrib-jshint": "~0.6.3",
"grunt-contrib-uglify": "~0.2.1",
"grunt-contrib-concat": "~0.1.1",
"grunt-contrib-watch": "~0.6.1",
"grunt-css": "~0.5.4"
}
}
Gruntfile.js
'use strict'
module.exports = function(grunt) {
// 配置
grunt.initConfig({
pkg : grunt.file.readJSON('package.json'),
concat : {
libs : {
src: ['frontend/libs/*.js', '!frontend/libs/require.js'],
dest: 'dest/libs.js'
},
custs: {
src: ['frontend/**/*.js', '!frontend/libs/*.js'],
dest: 'dest/cust.js'
},
css : {
src : ['frontend/styles/*.css', '!frontend/styles/index.css'],
dest : 'dest/index.css'
}
},
uglify : {
options : {
banner : '/*! <%= pkg.name %> <%= grunt.template.today("yyyy-mm-dd") %> */\n'
},
buildlibs : {
src : 'dest/libs.js',
dest : 'dest/libs.min.js'
},
buildcusts : {
src : 'dest/cust.js',
dest : 'dest/cust.min.js'
},
},
cssmin : {
buildCss : {
src : 'dest/index.css',
dest : 'dest/index.min.css'
}
},
watch : {
all : {
files :['**/*.js', '**/*.css'],
tasks : ['concat', 'uglify', 'cssmin']
}
}
});
// 载入concat和uglify插件,分别对于合并和压缩
grunt.loadNpmTasks('grunt-contrib-watch');
grunt.loadNpmTasks('grunt-css');
grunt.loadNpmTasks('grunt-contrib-concat');
grunt.loadNpmTasks('grunt-contrib-uglify');
// 注册任务
grunt.registerTask('default', ['concat', 'uglify', 'cssmin', 'watch']);
};
参考资料:http://blog.csdn.net/itpinpai/article/details/48207493
package.json
{
"name": "AngularAndRequire",
"version": "0.1.0",
"description" : "AngularAndRequire1.0",
"author": "Mario.Li",
"devDependencies": {
"grunt": "~0.4.1",
"grunt-contrib-jshint": "~0.6.3",
"grunt-contrib-uglify": "~0.2.1",
"grunt-contrib-concat": "~0.1.1",
"grunt-contrib-watch": "~0.6.1",
"grunt-css": "~0.5.4"
}
}
Gruntfile.js
'use strict'
module.exports = function(grunt) {
// 配置
grunt.initConfig({
pkg : grunt.file.readJSON('package.json'),
concat : {
libs : {
src: ['frontend/libs/*.js', '!frontend/libs/require.js'],
dest: 'dest/libs.js'
},
custs: {
src: ['frontend/**/*.js', '!frontend/libs/*.js'],
dest: 'dest/cust.js'
},
css : {
src : ['frontend/styles/*.css', '!frontend/styles/index.css'],
dest : 'dest/index.css'
}
},
uglify : {
options : {
banner : '/*! <%= pkg.name %> <%= grunt.template.today("yyyy-mm-dd") %> */\n'
},
buildlibs : {
src : 'dest/libs.js',
dest : 'dest/libs.min.js'
},
buildcusts : {
src : 'dest/cust.js',
dest : 'dest/cust.min.js'
},
},
cssmin : {
buildCss : {
src : 'dest/index.css',
dest : 'dest/index.min.css'
}
},
watch : {
all : {
files :['**/*.js', '**/*.css'],
tasks : ['concat', 'uglify', 'cssmin']
}
}
});
// 载入concat和uglify插件,分别对于合并和压缩
grunt.loadNpmTasks('grunt-contrib-watch');
grunt.loadNpmTasks('grunt-css');
grunt.loadNpmTasks('grunt-contrib-concat');
grunt.loadNpmTasks('grunt-contrib-uglify');
// 注册任务
grunt.registerTask('default', ['concat', 'uglify', 'cssmin', 'watch']);
};
参考资料:http://blog.csdn.net/itpinpai/article/details/48207493
相关文章推荐
- uva10465 完全背包
- mac mongodb 操作
- 【Web API系列教程】3.2 — 实战:处理数据(添加模型和控制器)
- 基于RMI服务传输大文件的完整解决方案
- CentOS 6.5 64位,调整分区大小
- angular.injector
- iOS开发调试篇—Print Description of "string"
- JSON串(字典、数组)转化为字符串
- java读取xls表格数据
- Redis学习--事务
- mysql数据库常用的时间函数
- 配置本地域名
- HDU2036三角形面积求法
- 【找规律】CodeForce #258 Problem A——Game With Sticks
- 大话数据结构--第3章 线性表
- javascript iframe 视频解码
- 私有协议包解析
- 私有协议包解析
- RESTful架构
- css3 布局