Webpack自动启动浏览器

Question

Gulp + live reload提供我在localhost上的内容和(这是我正在追求的)每当我运行gulp命令时自动在服务器url启动浏览器(即我不必单击浏览器图标并导航到url手动地).这可以在Webpack中完成吗？

我试过一个名为open-browser-webpack-plugin的插件,但我无法让它工作.

Answer 1

对于webpack版本2.x,您只需--open向CLI 添加open,如下所示:

Answer 2

Emelet的回答根本不是假的,但它在Windows中不起作用.我这样做:

"scripts": {
    "start": "start http://localhost:8000/ & webpack-dev-server"
}

100%工作,您不必安装任何模块或插件.

Answer 3

由于我们大多数人现在使用node(和npm):将命令放在npm启动脚本中:

苹果电脑

"scripts": {
    "start": "webpack-dev-server & open http://localhost:8080/"
  }

视窗

"scripts": {
    "start": "start http://localhost:8000/ & webpack-dev-server"
}

感谢Enzo Ferey指出在Windows上需要看起来不同.

Answer 4

要启动浏览器，可以将其添加--open到CLI命令，因为接受的答案指出了该命令

npm start --open

要么

ng serve --open

为了避免一直这样做：只需进行简单的更改即可 package.json

"scripts": {
    "ng": "ng",
    "start": "ng serve --open",
    ...
  },