Ant Design Pro的Umijs自动打开浏览器配置

umi3.x 版本:

• Github issue：umijs3 启动后如何自动打开浏览器 (3.x版本github官方回复不支持自动打开浏览器, 不知道为什么有这种反向升级)

-解决办法:

开发环境安装Node包

npm i open-browser-webpack-plugin --save

在config.ts配置文件的defineConfig中加入

chainWebpack(memo, { env, webpack, createCSSRule }) {
    env === 'development'
      ? memo
          .plugin('open-browser-webpack-plugin')
          .use('open-browser-webpack-plugin', [{ url: 'http://localhost:8000' }])
      : ''; // 此处url与项目启动的url保持一致
},

 

umi2.x 版本:

• Github issue：umi create app 后运行项目没有自动启动浏览器

-解决办法:

找到.env文件去掉 BROWSER=none配置

 

 

拓展:

举一反三, 不管什么框架万变不离其宗, 插件原生文档还是要看看的 open-browser-webpack-plugin Npm官方使用文档

不知道chainWebpack怎么配置? 阅读 webpack-chain Github中文文档

用umi自然是要阅读 umijs 官方文档