您的位置:首页 > 其它

Grunt学习——配置不同的构建模式

2016-04-06 20:28 501 查看
注:此篇文章是《JavaScript Web应用开发》的学习笔记!

配置构建模式

构建模式仅限于调试或发布,针对构建目标可命名为debug或release。通用的任务不用遵守这个约定,例如jshint。

'use strict';

module.exports = function(grunt){
grunt.initConfig({
clean: {
build: 'build'
},

jshint: {
client: ['public/js/**/*.js']
},

less: {
debug: {
files: {
'build/css/layout.css': 'public/css/layout.less',
'build/css/home.css': 'public/css/home.less'
}
},
release: {
options: {
yuicompress: true
},
files: {
'build/css/all.css': 'public/css/**/*.less'
}
}
},

jade: {
debug: {
options: {
pretty: true,
data: {
debug: true
}
},
files: {
'build/views/home.html': 'public/views/home.jade'
}
},
release: {
options: {
data: {
debug: false
}
},
files: {
'build/views/home.html': 'public/views/home.jade'
}
}
},

copy: {
debug: {
expand: true,
cwd: 'public/js',
src: '**/*.js',
dest: 'build/js/'
}
},

concat: {
release: {
files: {
'build/js/bundle.js': 'public/js/**/*.js'
}
}
},

uglify: {
release: {
files: {
'build/js/all.min.js': 'build/js/bundle.js'
}
}
}

});


将调试和发布的构建过程分开设置后创建别名:

'clean', 'jshint', 'less:debug', 'jade:debug', 'copy:debug'
]);

grunt.registerTask('build:release', 'Lint, compile, bundle, and optimize', [
'clean', 'jshint', 'less:release', 'jade:release', 'concat:release', 'uglify:release'
]);

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