How to determine if webpack-dev server is running?

Question

How to determine if webpack.config.js downloaded via webpack vs webpack-dev-server ?

Answer 1

The Web Package Development Server now sets the WEBPACK_DEV_SERVER environment WEBPACK_DEV_SERVER , which provides a more reliable verification method.

 const isDevServer = process.env.WEBPACK_DEV_SERVER; 

Answer 2

Or:

const isDevServer = process.argv[1].indexOf('webpack-dev-server') !== -1;

or

const isDevServer = process.argv.find(v => v.indexOf('webpack-dev-server') !== -1);

or

const isDevServer = process.argv.find(v => v.includes('webpack-dev-server'));

I use the latter for a great effect. One FTW configuration!

Answer 3

I found one potential soliton:

 var isDevServer = path.basename(require.main.filename) === 'webpack-dev-server.js'; 

credit

Answer 4

Or use the Webpack environment variables :

 // The webpack command line webpack-dev-server --open --env.devServer // webpack.config.js module.exports = env => { console.log('isDevServer: ', env.devServer) // true ... }