javascript - how do I add debug to my webpack config

Question

I have moved one of my projects from browserify over to webpack, and I was just wondering how I add debug to the config file, similar to browserify --debug to give source mapping.

Here is my webpack.config file:

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+ ， 请在您的webpack.config.js

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