[webpack]在package.json中设置开发服务器"start": "webpack serve --open"的一小坑

webpack->开发环境->我们添加一个可以直接运行 dev server 的 script,如图:

"start": "webpack serve --open",

如果你按照官网教程,添加了参数 --open,并在命令行运行 npm start,

会报错,提示说 --open缺少 value。

1,如果去掉 --open,再运行 npm start,成功,但不会自动打开浏览器。

正确的解决办法是,保留 --open 参数,

命令行执行 npm start chrome

即可成功打开浏览器。

后面的chrome也可以换成你想要的别的浏览器,

需留意的是,要查找出系统中浏览器的正确名称,下面一段文字取自webpack官网:

浏览器应用程序名称取决于平台。 不要在可重用模块中对其进行硬编码。 例如,'Chrome' 在macOS上是 'Google Chrome' ,在Linux上是 'Google Chrome' 在Windows上是 'Chrome' 。