标签: source-maps

我的Grunt设置使用sass将我的.scss文件编译为src/.css和cssmin以将我的src / .css文件组合并缩小为main.css.

我想在SASS中使用新的sourcemap功能,但是我不确定它是否真的会为我做任何事情,因为cssmin会把我所有的css文件都放到main.css中.

有没有人对此有任何见解？

我也是,现在试图关闭grunt-contrib-sass中的源图,它不会采取.这是我的Gruntfile.js中的相关代码:

sass: {
  dist: {
    options: {
      sourcemap: 'none'
    },
    files: [{
      expand: true,
      cwd: 'stylesheets/scss',
      src: ['**/*.scss'],
      dest: 'stylesheets/src',
      ext: '.css'
    }]
  }
},

来自:github.com/gruntjs/grunt-contrib-sass

源映射是否有助于对先前使用Closure/Uglifyjs缩小的代码进行反混淆处理？

源地图的工作方式是否存在真正的障碍,或者仅仅是因为没有人关心它？我不太确定它是否可以以类似的方式调试编译语言中的符号(广泛用于反编译二进制文件).

我对开发人员的观点感兴趣.很高兴知道对源映射的未授权访问是否可能导致无阻碍的代码借用.

我想我可能需要重新审视这个,出于好奇,如果没有别的.

是否允许从缩小的js和css文件中删除许可证信息,如果这些文件是使用指向未分隔源的源映射生成的,并且所有文件(具有许可证)都可用？

我问,因为当我缩小几个文件时,我发现我无法减少的大部分大小来自于携带所有许可证信息.我可以看到,对于浏览器功能和下载,可能只使用最小的缩小源,但该文件只能由浏览器使用来呈现.如果打开控制台,将下载源映射以将查询用户指向未经授权的源,并保留原始许可证完整且可根据请求提供的要求.

具体来说,Apache License 2.0(http://www.apache.org/licenses/LICENSE-2.0),MIT许可证(http://en.wikipedia.org/wiki/MIT_License)和GPLv2(https:// www.gnu.org/licenses/gpl-2.0.html)开始.

我将angular.min.js添加到我的项目中并遇到了这个问题.

http:// localhost:8000/AngularProject/angular.min.js.map 404(未找到)angular.min.js.map:1

经过研究,我发现添加angular.min.js.map摆脱了"404(未找到)"错误.我还找到了"angular.min.js.map"的原因:我们添加它是因为"源映射文件基本上将缩小的代码转换为其未经编译的版本以进行调试".

但是,这不是使用缩小文件节省空间并使应用程序更快的原因吗？现在,如果我们使用angular.min.js,我们还必须添加angular.min.js.map.

添加angular.js而不是添加两个文件(angular.min.js,angular.min.js.map)不是更简单.拥有angular.js的缩小版本是什么意思？

我正在使用Grunt来优化我的AngularJS应用程序以进行生产.它使用useminPrepare和usemin从我的index.html页面读取要连接/缩小的文件.我正在尝试使用源图,因此我可以查看错误发生的位置.这是package.json的相关版本:

"grunt": "0.4.5",
"grunt-autoprefixer": "2.2.0",
"grunt-contrib-clean": "~0.5.0",
"grunt-contrib-concat": "~0.3.0",
"grunt-contrib-copy": "~0.5.0",
"grunt-contrib-cssmin": "~0.11.0",
"grunt-contrib-uglify": "~0.9.1",
"grunt-rev": "~0.1.0",
"grunt-usemin": "~2.0.2",

这是我Gruntfile.js对相关任务的精简版:

'use strict';

// usemin custom step
var useminAutoprefixer = {
    name: 'autoprefixer',
    createConfig: require('grunt-usemin/lib/config/cssmin').createConfig // Reuse cssmins createConfig
};

module.exports = function (grunt) {
    require('load-grunt-tasks')(grunt);

    grunt.initConfig({
        pkg: grunt.file.readJSON('package.json'),
        clean: ["dist", '.tmp'],
        copy: {
            main: {
                files: [
                    {
                        expand: true,
                        src: ['**', '!css/**', '!*.js', '!node_modules/**', '!*.log', '!tests/**'],
                        dest: 'dist/'
                    }
                ]
            }
        },
        cssmin: {
            options: {
                root: …

有人可以解释源地图的重点吗？因为在我看来,我的连接和缩小文件被加载(谈论JavaScript),以及100多个模块.当我加载的尺寸是以前的两倍时,这对性能有何影响？

我有问题,jquery-1.10.2.min.map -它被下载约19-20sec: http://c2n.me/3zJUwuV

只有IE正在尝试加载此文件,我无法找到如何禁用它.

我试图从它的文件夹中删除.map-file,我当然得到404,但它花了相同的19-20秒.

在互联网上有很多方法如何在chrome,firefox等中禁用源映射,但没有人关于IE.可能吗？如何？)

谢谢.

有没有办法从源映射导航到原始的JS文件？

我在断点处暂停了我的应用程序; Chrome正在向我展示source-map-file,它是"从index.js映射的源".那时我想导航到那个index.js文件,但我找不到办法.

我正在尝试在我的React应用中调试一个问题，该问题仅在生产环境中的iOS上发生。我想利用隐藏的源地图，这样就可以在Safari中调试应用的最小化资源，而不必公开发布评论源。

hidden-source-map -与source-map相同，但不向捆绑包添加参考注释。

https://webpack.github.io/docs/configuration.html#devtool

在Chrome浏览器中，我可以：

• 在我喜欢的任何地方提供源地图（例如main.js.map，在缩小文件旁边）
• 在“来源”标签中打开缩小的资产
• 右键单击并“添加Sourcemap…”，将URL提供给main.js.map。
• Cmd-p选择源文件（例如MyComponent.js）
• 在源图中添加断点
• 获利（将实时应用暂停在正确的位置）

我已经搜索，单击，右键单击，仔细检查了Safari devtools，阅读了我能找到的Safari文档，但无济于事……我能找到的最相关的链接是：

在Safari 7中，无需打开或关闭源地图，它们就像在Web开发人员工具中始终可以使用的资源一样，始终处于打开状态。 如何在Safari 7中切换源映射？

在Safari中可以吗？还有其他方法可以在Safari中实现类似的结果吗？

是否有一些技巧可以使用代理为我的测试iPhone提供我本地的，未缩小的源？（例如，assets-swapper-chrome-extension。我有可能这样做，但不知道如何做！）

我使用的是OSX 10.12，Safari 10.0.2。

请注意，此问题是关于在Safari中使用源映射的，但问题未解决：iPhone：无需越狱即可向/ etc / hosts添加条目

使用Angular-CLI 1.0和Angular 4,尽管已经//# sourceMappingURL=main.bundle.js.map捆绑了JavaScript ,但我无法获得源映射.有没有人知道如何让源图在IE-11中运行？通常这不是一个大问题,我只是切换到firefox或chrome.但我正在使用Office-js api开发一个Excel加载项,它使用嵌入式IE11浏览器来显示加载项,所以我坚持使用它.

我的tsconfig.json:

{
  "compileOnSave": false,
  "compilerOptions": {
    "outDir": "./dist/out-tsc",
    "baseUrl": "src",
    "sourceMap": true,
    "declaration": false,
    "moduleResolution": "node",
    "emitDecoratorMetadata": true,
    "experimentalDecorators": true,
    "pretty": true,
    "target": "es5",
    "typeRoots": [
      "node_modules/@types"
    ],
    "lib": [
        "es2017",
        "dom"
    ]
  }
}

tsconfig.app.json:

{
  "extends": "../tsconfig.json",
  "compilerOptions": {
    "outDir": "../out-tsc/app",
    "module": "es2015",
    "baseUrl": "",
    "types": []
  },
  "exclude": [
    "test.ts",
    "**/*.spec.ts"
  ]
}