2

问题

断点不会从使用 grunt 任务生成的源映射中中断浏览器yeoman-angular-generator。代码已被连接和缩小。

我试过的

我已经查看了有关 grunt 任务配置的Stack Overflow 答案，并使用以下 grunt 配置生成了我认为正确的源映射：

concat : {
  options : {
    sourceMap :true
  }
},
uglify: {
  options: {
    sourceMap: true,
    sourceMapIncludeSources : true,
    sourceMapIn : '.tmp/concat/scripts/scripts.js.map'
  }
},

我需要什么帮助

有没有人使用yeoman-angular-generator并设法连接然后缩小他们的代码并从中生成源映射？需要哪些步骤才能使其发挥作用？

我需要连接和缩小我的代码。让源映射与 JUST 缩小一起工作很容易，或者只是串联也很容易，但同时使用 concat 和 minify 似乎效果不佳。

有针对这个的解决方法吗？

4

1 回答 1

0

我能够做到这一点，更改 usemin 配置并向 concat/uglify 配置对象添加一些属性。但是注意，这个选项产生的dist文件不利于生产！

useminPrepare: {
  html: '<%= yeoman.app %>/index.html',
  options: {
    dest: '<%= yeoman.dist %>',
    flow: {
      html: {
        steps: {
          js: ['concat', 'uglifyjs'],
          css: ['cssmin']
        },
        post: {
          js: [{
            name: 'uglify',
            createConfig: function (context, block) {
              var generated = context.options.generated;
              generated.options = {
                stripBanners: true,
                mangle: false,
                sourceMap: true,
                sourceMapIncludeSources: true,
                compress: false,
                beautify: true
              };
            }
          },
          {
            name: 'concat',
            createConfig: function (context, block) {
              var generated = context.options.generated;
              generated.options = {
                //stripBanners: true,
                //mangle: false,
                sourceMap: true,
                sourceMapIncludeSources: true,
                separator: ';',
              };
            }
          }]
        }
      }
    }
  }
}
于 2015-08-04T09:41:01.207 回答