requirejs - 丑化 requirejs 项目中的源映射

Question

我有一个 requirejs 项目，我正在用grunt-requirejs( "grunt-contrib-requirejs": "~0.4.1") 编译成 1 个大文件：main.js. 此任务启用了源映射生成：

requirejs: { compile: { options: { baseUrl: 'source/js', name: 'main', optimize: 'none', generateSourceMaps: true, out: 'build/js/main.js', wrap: true, shim: requireJsConfig.shim, paths: requireJsConfig.paths } } }

之后，我main.js使用grunt-uglify( "grunt-contrib-uglify": "~0.2.7") 使用此配置将其缩小：

app: { options: { beautify : { quote_keys: true }, compress: false, report: 'min', sourceMap: 'build/js/main.js.map', sourceMapIn: 'build/js/main.js.map', // input from requirejs sourceMapIncludeSources: true }, files: { 'build/js/main.js': ['build/js/main.js'] } }

我想要一个源映射，它会告诉我源文件中的错误（那些 requirejs 消耗），但源映射根本拒绝工作。请帮助我到达那里，因为我已经感到无助了。

Answer 1

grunt-require 带有它自己的内置 uglify 包：

例如。

requirejs: {
    compile: {
        options: {
            generateSourceMaps: true,
            logLevel: 4,
            baseUrl: "common/scripts/",
            include: "./main",
            out: "common/dist/main.js",
            preserveLicenseComments: false,
            optimize: "uglify2",
            mainConfigFile: "common/scripts/main.js"
        }
    }
}