Gruntjs 如何使用grunt contrib concat和grunt contrib uglify为每个单独的js文件创建源映射?
目前,concat和uglify设置为:Gruntjs 如何使用grunt contrib concat和grunt contrib uglify为每个单独的js文件创建源映射?,gruntjs,source-maps,grunt-contrib-uglify,grunt-contrib-concat,Gruntjs,Source Maps,Grunt Contrib Uglify,Grunt Contrib Concat,目前,concat和uglify设置为: concat: { options: { // options }, angular: { src: ['public/**/*.js', '!public/**/*.min.js', '!public/lib/**/*.js'], dest: 'build/_main.js', } }, uglify: { options: { mangle: false, sourceMap: true,
concat: {
options: {
// options
},
angular: {
src: ['public/**/*.js', '!public/**/*.min.js', '!public/lib/**/*.js'],
dest: 'build/_main.js',
}
},
uglify: {
options: {
mangle: false,
sourceMap: true,
},
app: {
files: {
'public/js/app.min.js': ['build/_main.js']
}
},
bower: {
files: {
'public/js/lib.min.js': ['build/_bower.js']
}
}
},
这将在“源”下的“开发工具”中创建一个源映射。这个源代码映射是可用的,但我更希望能够逐个文件搜索,并在开发工具中浏览每个文件。如果整个项目目录和文件结构都被保留下来,这样我就可以搜索和浏览每个文件,添加调试器,等等,那就太好了
如何执行此操作?这可以通过如下配置任务来实现: 注意:以下两种解决方案都要求在
uglify
任务之前运行concat
任务
1.为源映射使用默认生成的名称:
concat:{
选项:{
sourceMap:true//非常有力的解释。我之前使用您的第一个解决方案解决了这个问题,但您肯定解释得很好。