В настоящее время я работаю над серверным приложением, используя express + node.js и webpack в качестве сборщика.
Пока что мне удалось запустить и протестировать свой код без каких-либо проблем.
Теперь я хотел бы использовать отладчик Visual Studio Code для отладки моего приложения. Я пытался следовать этому руководству https://medium.com/@jsilvax/debugging-webpack-with-vs-code-b14694db4f8e
Теперь, когда я пытаюсь запустить свой отладчик, он просто выводит на консоль Webpack is watching the files… без фактического запуска моего сервера.
Вот мой файл launch.json:
{
// Use IntelliSense to learn about possible attributes.
// Hover to view descriptions of existing attributes.
// For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387
"version": "0.2.0",
"configurations": [
{
"type": "node",
"request": "launch",
"name": "Launch Webpack",
"program": "${workspaceFolder}/node_modules/webpack/bin/webpack.js",
"args": [
"--config", "./webpack.config.js"
],
}
]
}
А вот и мой файл webpack.config.js:
const webpack = require('webpack')
const path = require('path')
const nodeExternals = require('webpack-node-externals')
const StartServerPlugin = require('start-server-webpack-plugin')
module.exports = {
entry: ['webpack/hot/poll?1000', './src/index'],
watch: true,
devtool: 'sourcemap',
target: 'node',
node: {
__filename: true,
__dirname: true
},
externals: [nodeExternals({ whitelist: ['webpack/hot/poll?1000'] })],
module: {
rules: [
{
test: /\.js?$/,
use: [
{
loader: 'babel-loader',
options: {
babelrc: false,
presets: [['env', { modules: false }], 'stage-0'],
plugins: ['transform-regenerator', 'transform-runtime']
}
}
],
exclude: /node_modules/
},
{
test: /\.(graphql|gql)$/,
exclude: /node_modules/,
use: {
loader: 'raw-loader'
}
}
]
},
plugins: [
new StartServerPlugin('server.js'),
new webpack.NamedModulesPlugin(),
new webpack.HotModuleReplacementPlugin(),
new webpack.NoEmitOnErrorsPlugin(),
new webpack.DefinePlugin({
'process.env': { BUILD_TARGET: JSON.stringify('server') }
}),
new webpack.SourceMapDevToolPlugin({
filename: '[name].js.map'
}),
new webpack.BannerPlugin({ banner: 'require("source-map-support").install();', raw: true, entryOnly: false })
],
output: { path: path.join(__dirname, 'dist'), filename: 'server.js' }
};
Кроме того, это структура моего проекта: 
Чтобы запустить это приложение без использования отладчика, у меня есть сценарий запуска, который выглядит следующим образом:
"start": "webpack --colors --progress"
Как я уже говорил, когда я запускаю отладчик, он просто зависает и ничего не делает. Единственное сообщение, которое я получаю в консоли отладчика, - это Webpack is watching the files….





Я думаю, что ваша конфигурация неправильная. В «программе» выберите файл из вашего приложения, а не из веб-пакета, например, «server.js» или, как показано ниже, «index.js».
{
"type": "node",
"request": "launch",
"name": "Launch Program",
"program": "${workspaceFolder}/index.js"
}
Может быть и другая проблема - добавлены ли у вас точки останова в VSCode? В противном случае отладчик просто не работает.
Проблема с тем, что вы предлагаете, заключается в том, что весь мой код es6 не будет скомпилирован с использованием webpack. Мне нужно запустить webpack через отладчик.