There is a project Node.JS + Webpack. I launch nodemon and webpack-devserver - it works, but without debugging. How to set up a project in WebStorm so that you can debug?
global.Promise = require('bluebird'); const webpack = require('webpack'); const path = require('path'); const ExtractTextPlugin = require('extract-text-webpack-plugin'); const CleanWebpackPlugin = require('clean-webpack-plugin'); const publicPath = 'http://localhost:8050/public/assets'; const cssName = process.env.NODE_ENV === 'production' ? 'styles-[hash].css' : 'styles.css'; const jsName = process.env.NODE_ENV === 'production' ? 'bundle-[hash].js' : 'bundle.js'; const plugins = [ new webpack.DefinePlugin({ 'process.env': { BROWSER: JSON.stringify(true), NODE_ENV: JSON.stringify('development') } }), new ExtractTextPlugin(cssName) ]; if (process.env.NODE_ENV === 'production') { plugins.push( new CleanWebpackPlugin([ 'public/assets/' ], { root: __dirname, verbose: true, dry: false }) ); plugins.push(new webpack.optimize.DedupePlugin()); plugins.push(new webpack.optimize.OccurenceOrderPlugin()); } module.exports = { entry: ['babel-polyfill', './src/client.js'], debug: true, resolve: { root: path.join(__dirname, 'src'), modulesDirectories: [ 'node_modules' ], extensions: ['', '.js', '.jsx'] }, plugins, output: { path: `${__dirname}/public/assets/`, filename: jsName, publicPath }, module: { loaders: [ { test: /\.css$/, loader: ExtractTextPlugin.extract('style-loader', 'css-loader!postcss-loader') }, { test: /\.less$/, loader: ExtractTextPlugin.extract('style-loader', 'css-loader!postcss-loader!less-loader') }, { test: /\.gif$/, loader: 'url-loader?limit=10000&mimetype=image/gif' }, { test: /\.jpg$/, loader: 'url-loader?limit=10000&mimetype=image/jpg' }, { test: /\.png$/, loader: 'url-loader?limit=10000&mimetype=image/png' }, { test: /\.svg/, loader: 'url-loader?limit=26000&mimetype=image/svg+xml' }, { test: /\.(woff|woff2|ttf|eot)/, loader: 'url-loader?limit=1' }, { test: /\.jsx?$/, loader: process.env.NODE_ENV !== 'production' ? 'react-hot!babel!eslint-loader' : 'babel', exclude: [/node_modules/, /public/] }, { test: /\.json$/, loader: 'json-loader' } ] }, eslint: { configFile: '.eslintrc' }, devtool: "source-map", devServer: { headers: { 'Access-Control-Allow-Origin': '*' } } };
console.log('breckpoint');and put a brek on it - I made a record in the server console, but the execution did not stop - Sanya H