源码映射在uglified requirejs项目中

Question

我有一个requirejs项目，我正在用grunt-requirejs ("grunt-contrib-requirejs": "~0.4.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         }       }     }` 

在此之后，我使用以下配置使用grunt-uglify ("grunt-contrib-uglify": "~0.2.7")缩减此main.js：

   `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']         }       }` 

我希望有一个源映射，它会告诉我源文件中的错误(需要使用的那些)，但是源映射根本不起作用。我已经很无助了，请帮帮我吧。

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"
        }
    }
}