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

Question

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

Answer 1

你可以像这样配置你的 webpack.config.js:

 entry: __dirname + '/src/index.js',
 output: {
    path: path.join(__dirname, 'static'),,
    filename: "bundle.js",
    publicPath: "/static/dist/"
  },
  devServer: {
    publicPath: '/static/dist/',
    open: true, 
    openPage: 'static/dist/somefile.html' 
  },...

这里重要的是 devServer.open 和 devServer.openPage。您必须启用 devServer.open 并在 devServer.openPage 中设置您的自定义 url 以在您的 devServer 中首先打开。我在 package.json 中的配置:

"scripts": {
"start": "webpack-dev-server --mode development --open --hot",
"build": "webpack --mode production",
"dev": "webpack --mode development"
},...

最后运行它:

npm run start

希望能帮助到你。问候