Question

我在项目中使用gulp-sourcemaps来处理我的SASS和JavaScript。我的gulpfile.js正确生成.map文件，尽管Chrome在开发人员工具和控制台中显示错误的文件名。目前，我不确定问题出在哪里。

我的项目树：

{
  "template": "your_indices_name-*",
  "mappings": {
    "_default_": {
      "_all": {
        "enabled": true,
        "omit_norms": true
      },
      "dynamic_templates": [
        {
          "string_fields": {
            "match": "*",
            "match_mapping_type": "string",
            "mapping": {
              "type": "string",
              "index": "analyzed",
              "omit_norms": true,
              "fields": {
                "raw": {
                  "type": "string",
                  "index": "not_analyzed"
                }
              }
            }
          }
        }
      ]
    }
  }
}

我的gulpfile.js

gulpfile.js
public/
  sass/
    main.sass
    import/
      [.. more files and directories (all imported in main.sass) ..]
   js/
     main.js
     test.js
     min/
       sourcemaps/
         main.js.map
       main.js
       all.js
    css/
      main.css
      sourcemaps/
        main.css.map

计划是：

'styles'编译public / sass / main.sass（包括我的所有 SASS源），自动为源代码添加前缀，写入源映射和输出public / css / main.css
'scripts'连接public / js目录中的所有文件，uglifies 来源，写一个源图并输出public / js / min / main.js

在整个过程之后，我想留下public / css / main.css，其中包含我所有编译的，自动加前缀的，缩小的SASS源和包含我所连接的，缩小的，包含所有连接的公共/ js / min.js JavaScript源码。

目前，开发人员工具中的样式显示文件名_box-sizing.scss（来自public / sass / import / lib / neat的依赖项），该文件不包含我正在检查的元素的样式。文件名应为_header.sass（来自public / sass / import / layouts / common / _header.sass）。

同样，无论源文件是什么，控制台都会显示main.js。我有public / js / main.js和public / js / test.js - 这些文件应该连接起来并输出到public / js / min / main.js。这两个文件只包含一个console.log（）用于测试目的，Chrome中显示的文件名是main.js。

我希望这是有道理的。提前谢谢

Answer 1

我在没有找到解决方案的情况下遇到了同样的问题。也许我错了，但似乎gulp-Sourcemap有一个或多个要解决的问题。

https://github.com/floridoo/gulp-sourcemaps/issues/94#issuecomment-165164311

使用gulp-sourcemaps的文件名不正确

1 个答案: