9

我想将 javascript 错误记录到服务器，但堆栈跟踪对缩小的 JS 代码没有用。所以我正在考虑使用Getsentry或Rollbar，它在sourcemaps. 但我首先在努力创建源地图。

我收到此错误

“目标 (_build/js/app.js) 未写入，因为 src 文件为空。”

一旦它正确地创建了源映射，就会出现另一个问题，即rev重命名文件。我还需要留下未缩小的连接文件。

下面是我的 gruntfile.js（我已经删除了一些内容。）

module.exports = function(grunt) {

    grunt.initConfig({
        pkg: grunt.file.readJSON('package.json'),
        clean: {
            jsFolders: {
                src: [
                    '_build/js/ui',
                    '_build/js/vendor',
                    '_build/js/app',
                    '_build/js/*templates.js'
                ]
            },
            build: {
                src: ['_build/**/*']
            }
        },

        copy: {
            build: {
                files: [{
                    expand: true,
                    src: [
                        'index.html',
                        'img/**/*', //includes web.cofig also.
                        'img/**/*.svg',
                        '!img/**/*.psd',
                        'js/**/*', //includes web.cofig also.
                        'css/**/*', //includes web.cofig also.
                        '*.png',
                        'favicon.ico'
                    ],
                    dest: '_build/'
                }]
            },
        },

        rev: {
            option: {
                algorithm: 'sha1',
                length: 4
            },
            all: {
                files: {
                    src: [
                        '_build/**/*.{js,css,eot,ttf,woff}'
                    ]
                }
            }
        },

        useminPrepare: {
            html: ['_build/index.html']
        },

        usemin: {
            html: [
                '_build/index.html'
            ],
            css: [
                '_build/css/**/*.css'
            ]
        },

        uglify: {
            options: {
                sourceMap: '_build/js/app.js.map',
            },
            js: {
                files: {
                    '_build/js/app.js': ['_build/js/app.js']
                }
            }
        },

        cssmin: {
            minify: {
                expand: true,
                cwd: '_build/css/',
                src: '*.css',
                dest: '_build/css/'
            }
        },
    });

grunt.registerTask('build', [
        'clean:build',
        'handlebars',
        'compass',
        'autoprefixer',
        'copy:build',
        'useminPrepare',
        'concat',
        'uglify',
        'cssmin',
        'clean:jsFolders',
        'rev',
        'usemin',
    ]);

};

更新


尝试了@Andy的解决方案，它仍然显示相同的错误"Destination (_build/js/app.js) not written because src files were empty."，并且在构建时也在下面说

 uglify:
  { options:
   { sourceMap: true,
     sourceMapName: '_build/js/app.js.map' },
  js: { files: { '_build/js/app.js': [ '_build/js/app.js' ] } },
  generated:
   { files:
      [ { dest: 'dist\\js\\app.js',
          src: [ '.tmp\\concat\\js\\app.js' ] } ] } }

不知从何dest得名。我的输出文件夹是_build.

UPDATE2：
请参阅以下链接以获得更好的解决方案
https://stackoverflow.com/a/20574196/148271 https://github.com/gruntjs/grunt-contrib-uglify/issues/39#issuecomment-14856100

4

3 回答 3

5

useminPrepare 将现有的 uglify 配置与其自己的配置合并，但嵌套在generated. 因此 uglify 的这个配置对我有用

grunt.initConfig({
  uglify: {
    generated: {
      options: {
        sourceMap: true
      }
    }
  }
});
于 2015-03-10T18:25:02.307 回答
4

没有简单的解决方案可以让源映射与 usemin 流一起使用。它似乎是一个在一年内没有解决的已知问题：

https://github.com/yeoman/grunt-usemin/issues/30

https://github.com/yeoman/grunt-usemin/issues/220

于 2014-02-24T19:18:25.543 回答
1

uglify 的选项是：

sourceMap: true,
sourceMapName: 'path/to/name.map'

例如，在我的中，GruntFile.js我使用了以下名称package.json：

sourceMap: true,
sourceMapName: 'dist/<%= pkg.name %>-<%= pkg.version %>.map'
于 2014-02-24T15:50:19.077 回答