umijs3 启动后如何自动打开浏览器

[eevin]

没有配置.env webpack 配置config.devServer.open(true) 也不行

[sorrycc]

暂不支持。

[luxueyan]

这么好用的功能竟然 不支持的这么理所当然，感觉umi的有些思想太项目化，完全没有开源脚手架该有的考虑

[youngjuning]

竟然把这个功能删掉了，是什么样的考虑呀！

[MingshuaiYu]

oh my god!

[pkaq]

所以 支持了么？

[xuanxuan321]

暂不支持。

能说下原因吗？这么好的功能下掉了着实可惜

[RainManGO]

devServer: { open: true, } 配置无效，有没有支持的计划？

[cnInkHao]

这个... 可惜了

[yaohwu]

I've tried several plugins，but no typescript version for me so I write a simple one using typescript.

// custom define webpack plugin
class openBrowser {
    constructor() {
        console.log("create open browser");
    }

    // noinspection JSUnusedGlobalSymbols
    apply(compiler: Compiler) {
        compiler.hooks.afterDone.tap("open browser", () => {
            console.log("open in browser");
            // can not load in same tab, bad
            open("http://localhost:3000/webapp");
        })
    }
}

But is there any way to make it open in the same browser tab instead of creating one new?

[huangchen1031]

I use the PLUGIN open-browser-webpack-plugin

import openBrowser from 'open-browser-webpack-plugin';

export default defineConfig({
  // ... other config
  devServer: {
    port: process.env.PORT,
  },
  chainWebpack(config) {
    config
      .plugin('open-browser-webpack-plugin')
      .use(openBrowser, [{ url: `http://localhost:${process.env.PORT}` }]);
  },
});

you should add PORT in .env before