如何将调试添加到我的 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+ 然后添加此配置 开发工具：'inline-source-map' 在你的 webpack.config.js

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

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

how do I add debug to my webpack config

javascript

node.js

browserify

webpack

webpack-dev-server