如何检测webpack-dev-server是否正在运行？

Question

如何确定是否webpack.config.js通过webpackvs 加载webpack-dev-server？

Answer 1

webpack 开发服务器现在将设置WEBPACK_DEV_SERVER环境变量，以提供更强大的检查方式。

const isDevServer = process.env.WEBPACK_DEV_SERVER;

Answer 2

或者:

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

要么:

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

要么:

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

我一直在使用后者产生很好的效果.一个配置FTW!

Answer 3

我发现了一个潜在的解决方案:

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

信用

Answer 4

或使用Webpack环境变量：

// The webpack command line
webpack-dev-server --open --env.devServer

// webpack.config.js
module.exports = env => {
  console.log('isDevServer: ', env.devServer) // true
  ...
}