文章/答案/技术大牛

发布

社区首页 >问答首页 >Webpack 2非内联源地图没有显示在铬中。

问Webpack 2非内联源地图没有显示在铬中。
EN

Stack Overflow用户

提问于 2017-03-31 01:52:37

回答 1查看 522关注 0票数 2

我想升级到Webpack 2。

我已将devtool: "source-map"添加到webpack.config.js文件中。当我构建时，我会像我所期望的那样创建一个bundle.js.map文件。

但是当我打开Chrome页面时，我没有得到任何源地图信息：

如您所见，通常用于获取源地图信息的webpack://文件夹丢失了。

但是铬说“探测到了源地图”。(单击该按钮没有帮助。)显然它知道我有原始地图..。(按ctrl+p只显示捆绑的下载文件，而不是我的源文件。)我认为Chrome应该自动请求我的源地图文件并使用它，这是错误的吗？

然而，当我使用devtool: "inline-source-source-map时，它就起作用了。但是这会将源映射添加到我的javascript文件中。做了13次！(太大了，不能这样离开。)

如何使Chrome正确加载bundle.js.map文件？

我在跑Webpack 2.3.2。

javascript

google-chrome

webpack

webpack-2

source-maps

回答 1

Stack Overflow用户

发布于 2017-04-03 07:27:36

一般来说，源地图和webpack 2似乎都有问题。在我的项目中，我需要一个源代码映射、SourceMapDevToolPlugin和devtool选项“map”的规则：

模块：{

   rules:
        [
            ...
            {
                use: ['source-map-loader'],
                test: /\.js$/,
                enforce: 'pre',
                exclude: [
                    // these packages have problems with their sourcemaps
                    '/node_modules/ajv'
                ]
            }
        ]

    },

...

plugins: [
...
    new webpack.SourceMapDevToolPlugin({ compress: false,
                                         sourceMap: true,
                                         mangle: false,
                                         beautify: true,
                                         module: true,
                                         filename: '[file].map',
                                         columns: false      })
         ],

devtool: 'eval-source-map',

票数 1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/43131111

复制

相似问题

问Webpack 2非内联源地图没有显示在铬中。
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Webpack 2非内联源地图没有显示在铬中。EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Webpack 2非内联源地图没有显示在铬中。
EN