我有一个使用 Node.js Express 应用程序,尝试使用 webpack 4(加上 babel 7.1.0)打包。我已经按照以下两篇文章中的一些设置进行了操作:
- Webpack Javascript Bundling for Both Front-end and Back-end (nodejs)
- Creating a server bundle with Webpack for universal rendering
在打包后,我可以构建和运行服务器,但我想使用 VS Code 的调试环境来进行调试。
我尝试了以下 webpack 和 vscode 配置的组合,但它不会设置断点或让我步入代码。
.vscode/launch.json
{
"type": "node",
"request": "launch",
"name": "bundle-server.js",
"program": "${workspaceFolder}\\bundle-server.js",
"sourceMaps": true,
"smartStep": true,
}
webpack-server.config.js
const path = require('path');
const nodeExternals = require('webpack-node-externals');
module.exports = {
target: "node",
entry: "./server.js",
output: {
path: path.resolve(__dirname, "./"),
filename: "bundle-server.js",
},
module: {
rules: [
{
test: /\.jsx?$/,
loader: "babel-loader"
}
],
},
externals: [nodeExternals()],
devtool: 'inline-source-map',
};
我错过了什么?直接从VSCode调试是否可行?我想能够跨过原始源文件,以便我可以快速地进行调试-编辑-重新运行循环。