如何更改服务器启动时CLI上显示的vite消息

Question

我有一个 Vue 项目并使用

npm run dev

启动服务器。

这将在我的 CLI 上显示一条消息：

$ npm run dev

> @test/[email protected] dev
> vite


  VITE v4.5.1  ready in 474 ms

  ➜  Local:   http://127.0.0.1:8096/scope

问题： 是否可以更改 CLI 消息或添加一些文本？

原因： 我想显示实际的 URL，而不是

localhost

或 IP。

谢谢大家！

Answer 1

从 v5.3.3 开始，

ViteDevServer

对象有一个

printUrls

方法，您可以自行承担风险：

import { defineConfig } from 'vite'
import colors from 'picocolors'

export default defineConfig({
  plugins: [
    {
      name: 'url-override',
      configureServer: (server) => {
        server.printUrls = () => {
          const { logger } = server.config
          const url = getCustomUrl()
          logger.info(`  ${colors.green('➜')}  ${colors.bold('URL')}:     ${colors.cyan(url)}`)
        }
      }
    }
  ],
})