我在和Grunt合作缩小JS。我需要缩小不同页面的文件夹.例如,workspace.min.js用于工作区页面,dashboard.min.js用于仪表板页面.
我需要如何配置我的gruntfile文件?我可以添加我的咕噜文件任务,以缩小CSS文件也?
我把我的gruntfile.js的实际代码放在这里!(我是Grunt的新手.对不起)
谢谢!!
module.exports = function (grunt) {
// Project configuration.
grunt.initConfig({
pkg: grunt.file.readJSON('package.json'),
paths: {
src: {
js: ['Resources/js/workspace/*.js', 'Resources/plugins/redactor/*.js', 'Resources/plugins/jquery.cookie/jquery.cookie.js',
'/Resources/plugins/holder/holder.js', '/Resources/plugins/jquery.numeric/jquery.numeric.min.js', '/Resources/plugins/smothZoom/jquery.smoothZoom.js',
'/Resources/plugins/jquery-transit/jquery.transit.min.js','']
},
dest: {
js: 'dist/workspace.js',
jsMin: 'dist/workspace.min.js'
}
},
concat: {
js: {
options: {
separator: ';'
},
src: '<%= paths.src.js %>',
dest: '<%= paths.dest.js %>'
}
},
uglify: {
options: {
banner: '/*! <%= pkg.name %> <%= grunt.template.today("yyyy-mm-dd") %> */\n',
compress: true,
mangle: true,
sourceMap: true
},
build: {
src: '<%= paths.src.js %>',
dest: '<%= paths.dest.jsMin %>'
}
}
});
// Load the plugin that provides the "uglify" task.
grunt.loadNpmTasks('grunt-contrib-uglify');
// Default task(s).
grunt.registerTask('default', ['uglify']);};
发布于 2015-02-08 20:33:34
如果要缩小多个文件的数量,可以创建多个键,如:
uglify: {
scripts: {
files:{
'<%= dirs.dest%>/js/scripts.min.js': [
'<%= dirs.src%>/js/scripta.js',
'<%= dirs.src%>/js/scriptb.js',
'<%= dirs.src%>/js/scriptc.js'
]
}
},
someotherscript: {
files:{
'<%= dirs.dest %>/js/scriptd.min.js': '<%= dirs.src %>/js/scriptd.js'
}
}
}然后创建一个默认任务来运行它们,如下所示:
grunt.registerTask(
'default',
[
'uglify:scripts',
'uglify:someotherscript',
]
);然后当你咕哝的时候,它们都变小了。
https://stackoverflow.com/questions/28398137
复制相似问题