require.js 的源地图

Question

我正在使用 grunt-contrib-requirejs 将我的文件合并到一个文件中并生成源映射。 sourcemap 似乎有效，但在 Chrome 和 Firefox 的调试器中都有 6 行。我已经用谷歌搜索了很多，但找不到发生这种情况的任何原因。有没有其他人遇到过类似的问题？

这是一个非常大的项目，大约有 200 个文件，我有 c/p 我的 grunt 配置供参考。

dev: {
    options: {
        baseUrl: 'assets/javascript',
        optimize: 'none',
        generateSourceMaps: true,
        mainConfigFile: 'assets/javascript/requireconfig.js',
        name: 'app',
        preserveLicenseComments: false,
        include: [
            'plugins/dropdown-toggle',
            'brand/modules/checkmate-init',
            'brand/modules/batch-handler',
            'brand/modules/dataset-editors',
            'brand/modules/recording-editors',
            'brand/modules/recording-state'
        ],
        out: 'public/assets/js/myapp.js'
    }
},
dist: {
    options: {
        baseUrl: 'assets/javascript',
        optimize: 'uglify2',
        generateSourceMaps: false,
        mainConfigFile: 'assets/javascript/requireconfig.js',
        name: 'app',
        include: [
            'plugins/dropdown-toggle',
            'brand/modules/checkmate-init',
            'brand/modules/batch-handler'
        ],
        out: 'public/assets/js/myapp.js'
    }
}

Answer 1

这可能与 https://github.com/requirejs/requirejs/issues/1054

的问题有关

添加到 r.js 配置：

skipPragmas:true

对我有用。

r.js 配置： https://github.com/requirejs/r.js/blob/2.2.0/build/example.build.js#L299

require.js 的源地图

Sourcemaps with require.js

requirejs

gruntjs

source-maps

r.js

grunt-contrib-requirejs