Gruntjs 如何使用grunt contrib concat和grunt contrib uglify为每个单独的js文件创建源映射?

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和uglify设置为:

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//非常有力的解释。我之前使用您的第一个解决方案解决了这个问题,但您肯定解释得很好。