在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: {}
}
