webpack-dev-server：如何使用 Node.js API 打开浏览器？

Question

这是我的脚本：

const webpackDevServer = require('webpack-dev-server');
const webpack = require('webpack');
const config = require('./config');
const options = {
  contentBase: './dist',
  hot: true,
  hotOnly: true,
  open: true,
  host: 'localhost'
};

webpackDevServer.addDevServerEntrypoints(config, options);
const compiler = webpack(config);
const server = new webpackDevServer(compiler, options);

server.listen(8080, 'localhost');

浏览器没有自动打开。那么如何实现呢？

Answer 1

我遇到过同样的问题。据我所知，webpack 'open' 选项实现中存在一些错误，我不想深入研究。我成功地使用了 gluons

找到的解决方法

不过，在我的例子中，只需将 opn(myUrl) 添加到我的 webpack dev-server.js 文件的末尾就足够了。在我的例子中，'opn' 包已经预装了，但如果你没有预装它，你可以将它添加到依赖项中，如 gluons 的解决方案所示。

希望它也对你有用。

webpack-dev-server：如何使用 Node.js API 打开浏览器？

webpack-dev-server: How to open browser with Node.js API?

webpack-dev-server