在 webpack2 中使用 webpack-dev-server 设置在浏览器中自动打开的 url

Question

可以自定义浏览器自动打开的url吗？我发现没有api？由于项目根目录下没有索引，但默认 url 是 localhost:8080。或者在我想调试正在开发的页面的情况下。

Answer 1

2021 年 9 月（webpack 5）

来自文档： https: //webpack.js.org/configuration/dev-server/#devserveropen

在开发服务器配置中

{
  ...,
  host: '0.0.0.0',
  open: ['http://locahost:3001']
  ...
}

--open（并从webpack serve命令中删除标志

Answer 2

您可以尝试使用此插件： 打开浏览器 Webpack 插件

请按照以下步骤操作...

1. 首先安装插件：

   npm install open-browser-webpack-plugin --save-dev

2. 删除package.json--open中的选项或webpack.config.js、devServer配置或webpack.config.js 中的选项open: trueopen: true

3. 现在您需要将插件引入并配置到 webpack.config.js 中

   var OpenBrowserPlugin = require('open-browser-webpack-plugin');`
   
   module.exports = {
     ...
     ...
     ...
     plugins: [
       new OpenBrowserPlugin({ url: 'http://localhost:3000/mycustompath' })
     ]
   };