首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >在chrome中检测到源地图,但未加载原始源,使用的是webpack-2

在chrome中检测到源地图,但未加载原始源,使用的是webpack-2
EN

Stack Overflow用户
提问于 2016-08-25 21:14:59
回答 2查看 14.8K关注 0票数 43

当运行一个使用webpack 2构建的应用程序时,在chrome中检测到源地图,但没有加载原始源。我用的是webpack beta21。

这些文件通常是自动检测的,例如,当在从webpack js文件的输出中放置断点时,源代码视图将跳转到对webpack的原始源代码输入。但现在我坚持使用这个屏幕:

配置:

代码语言:javascript
复制
var path = require("path");
var webpack = require("webpack");
var WebpackBuildNotifierPlugin = require('webpack-build-notifier');


const PATHS = {
  app: path.join(__dirname, '../client'),
  build: path.join(__dirname, '../public')
};

module.exports = {


  entry: {
    app: PATHS.app + '/app.js'
  },
  output: {
    path: PATHS.build,
    filename: '[name].js'
  },


  devtool: "source-map",
  module: {
    loaders: [
      {
        test: /\.js?$/,
        loader: 'babel-loader',
        include: [
          path.resolve(__dirname, 'client'),
        ],
        exclude: /node_modules/

      },

      {
        test: /\.css/,
        loader: "style!css"
      }
    ]
  },
  resolve: {
    // you can now require('file') instead of require('file.js')
    extensions: ['', '.js', '.json']
  } ,
  plugins: [
    new WebpackBuildNotifierPlugin()
  ]

};
EN

回答 2

Stack Overflow用户

发布于 2017-12-27 01:25:55

如果你要映射到一个工作区,那就意味着你已经有了源代码。将源代码包含在源代码映射中会造成不必要的冗余。

请改用nosources-source-map

票数 1
EN

Stack Overflow用户

发布于 2016-09-03 20:01:58

外部源地图的问题已经在Chrome 52中修复了,但看起来你的devtool设置与我的不同,我使用:

代码语言:javascript
复制
devtool: '#source-maps'

你是如何构建你的源代码的?如果您正在使用-d运行,则会切换到内联源地图

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

https://stackoverflow.com/questions/39146381

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档