如何根据 JavaScript 文件生成 .js.map 文件

Question

我修改了 Kendo (kendo.culture.en-US-Custom.min.js) 的文化设置文件并能够缩小它。但我不知道如何针对它创建 .map 。我的网络日志显示针对该文件的 404。有没有地图文件生成器？这是文件：

\n\n

!function (e) { "function" == typeof define && define.amd ? define(["kendo.core.min"], e) : e() }(function () {\n    !function (e, y) {\n        kendo.cultures["en-US"] = {\n            name: "en-US", numberFormat: {\n                pattern: ["-n"],\n                decimals: 2, \n                ",": ",", \n                ".": ".", \n                groupSize: [3], \n                percent: {\n                    pattern: ["-n %", "n %"],\n                    decimals: 2,\n                    ",": ",",\n                    ".": ".",\n                    groupSize: [3],\n                    symbol: "%"\n                },\n                currency: {\n                    name: "UAE Dirham",\n                    abbr: "AED",\n                    pattern: ["-n $", "n $"],\n                    decimals: 2,\n                    ",": ",",\n                    ".": ".",\n                    groupSize: [3],\n                    symbol: "\xd8\xaf.\xd8\xa5."\n                }\n            },\n\n            calendars: {\n                standard: {\n                    days: {\n                        names: ["Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday"],\n                        namesAbbr: ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"],\n                        namesShort: ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"]\n                    },\n                    months: {\n                        names: ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"],\n                        namesAbbr: ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"]\n                    },\n                    AM: ["AM", "am", "AM"],\n                    PM: ["PM", "pm", "PM"],\n                    patterns: {\n                        d: "dd-MMM-yyyy",\n                        D: "dddd, MMMM dd, yyyy",\n                        F: "dddd, MMMM dd, yyyy h:mm:ss tt",\n                        g: "dd-MMM-yyyy h:mm tt",\n                        G: "dd-MMM-yyyy h:mm:ss tt",\n                        m: "MMMM d",\n                        M: "MMMM d",\n                        s: "yyyy\'-\'MM\'-\'dd\'T\'HH\':\'mm\':\'ss",\n                        t: "h:mm tt",\n                        T: "h:mm:ss tt",\n                        u: "yyyy\'-\'MM\'-\'dd HH\':\'mm\':\'ss\'Z\'",\n                        y: "MMMM, yyyy", Y: "MMMM, yyyy"\n                    },\n                    "/": "/",\n                    ":": ":",\n                    firstDay: 0\n                }\n            }\n        }\n    }(this)\n});\n

\n\n

谢谢。

\n

Answer 1

要创建 JavaScript 源代码的最小化版本，您可以遵循以下选项之一。

命令行 uglifi-js：

用于安装：

npm install uglify-js -g

运行命令创建最小化文件和地图：

uglifyjs  kendo.culture.en-US-Custom.js 
   --source-map kendo.culture.en-US-Custom.min.js.map 
   -o kendo.culture.en-US-Custom.min.js

按照此链接的说明进行操作

咕噜丑化：

您可以使用 Grunt.js uglify：

安装：

npm install grunt-contrib-uglify --save-dev

Gruntfile.js 中的代码：

grunt.initConfig({
  uglify: {
    my_target: {
      options: {
        sourceMap: true   // this line is for create the map
      },
      files: {
        'kendo.culture.en-US-Custom.min.js': ['kendo.culture.en-US-Custom.js']
      }
    }
  }
});


grunt.loadNpmTasks('grunt-contrib-uglify');

运行“uglify 任务”将创建文件和地图的最小化版本。

按照此链接的说明进行操作

咕咕丑化：

或者，您可以使用“Gulp Uglify”执行类似的操作。

按照此链接的说明进行操作