在vs code中新建一个webpack demo的工程。安装好webpack,然后新建一个js文件将如下代码粘贴到这个文件中,然后点击vscode左侧工具栏的debug按钮,再点击run and debug按钮,再选择环境下拉框里选择nodejs。此时就会进入调试模式,我们可以点击上方的调试控制条来调试代码。

const webpack = require('webpack')
const config = require('./webpack.config')
debugger
const compiler = webpack(config)

function compilerCallBack(err, stats) {
  const statsString = stats.toString()
  console.log(statsString)
}

debugger
compiler.run((err, stats) => {
  compilerCallBack(err, stats)
})

webpack.config.js

const path = require('path')
const RunPlugin = require('./plugins/RunPlugin')
const DonePlugin = require('./plugins/DonePlugin') 
module.exports = {
  context: process.cwd(),
  mode: 'development',
  devtool: false,
  entry: './src/app.js',
  output: {
    path: path.resolve(__dirname, 'dist'),
    filename: 'bundle.js'
  },
  module: {
    rules: [
      {
        test: /\.jsx?$/,
        use: {
          loader: 'babel-loader',
          options: {
            presets: ['@babel/preset-env']
          }
        },
        include: path.join(__dirname, 'src'),
        exclude: /node_modules/
      }
    ]
  },
  plugins:[],
  devServer: {}
}