Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/node.js/38.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何将调试添加到我的网页包配置_Javascript_Node.js_Browserify_Webpack_Webpack Dev Server - Fatal编程技术网

Javascript 如何将调试添加到我的网页包配置

Javascript 如何将调试添加到我的网页包配置,javascript,node.js,browserify,webpack,webpack-dev-server,Javascript,Node.js,Browserify,Webpack,Webpack Dev Server,我已经将我的一个项目从browserify转移到webpack,我只是想知道如何将调试添加到配置文件中,类似于browserify--debug,以提供源代码映射 这是我的webpack.config文件: module.exports = { entry: './src/js/main.js', output: { filename: 'bundle.js', path: './src/public/', publicPath: 'public' },

我已经将我的一个项目从browserify转移到webpack,我只是想知道如何将调试添加到配置文件中,类似于
browserify--debug
,以提供源代码映射

这是我的webpack.config文件:

module.exports = {
  entry: './src/js/main.js',
  output: {
    filename: 'bundle.js',
    path: './src/public/',
    publicPath: 'public'
  },
  module: {
    loaders: [
      { test: /\.js$/, loader: 'babel-loader' }
    ]
  }
};

看起来我只需要添加源映射:
devtool:“源映射”

module.exports = {
  devtool: 'source-map',
  entry: './src/js/main.js',
  output: {
    filename: 'bundle.js',
    path: './src/public/',
    publicPath: 'public'
  },
  module: {
    loaders: [
      { test: /\.js$/, loader: 'babel-loader' }
    ]
  }
};

如果您使用的是网页包版本4+,请添加此配置 devtool:“内联源代码映射”
webpack.config.js中


仅供参考:

将此添加到您的配置工具中:“sourcemap”谢谢Jes,我刚刚在文档中找到它