我如何将调试添加到我的Webpack配置中

Question

[我已经将我的一个项目从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' }
    ]
  }
};

Answer 1

好像我只需要添加源映射：devtool: 'source-map'

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' }
    ]
  }
};

Answer 2

如果您使用的是webpack版本4 +，则添加此配置devtool：'inline-source-map'在您的webpack.config.js

供参考：https://webpack.js.org/configuration/devtool/