带有 require.js 的源图答案

【问题标题】：Sourcemaps with require.js带有 require.js 的源图
【发布时间】：2016-05-23 13:58:33
【问题描述】：

我正在使用 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'
    }
}

【问题讨论】：

标签： gruntjs requirejs source-maps r.js grunt-contrib-requirejs

【解决方案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

【讨论】：