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/

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

2 个答案: