请问 vue3 + vite 怎么记录打包 用了多长时间？

Question

问题描述

请问 vue3 + vite 怎么记录打包 用了多长时间？

你期待的结果是什么？

得到打包开始 到 打包完成 所用的时长

Answer 1

这个是吗？运动build命令。
使用vite自定义插件

export default function buildTimePlugin() {
  return {
    name: 'build-time',

    // 在 buildStart 阶段设置初始值
    buildStart() {
      this.startTime = Date.now()
      console.log('开始打包')
    },

    //  输出打包时间
    closeBundle(options, bundle) {
      const timeDiff = Date.now() - this.startTime
      console.log(`打包结束 ${timeDiff}ms`)
    },
  }
}

vite.config.ts里使用一下

  plugins: [vue(), buildTimePlugin()],

运行打包就可以了。
参考一下vite 插件api

Answer 2

time yarn vite build或者
time npm run build

Answer 3

我记得没错的话vite build本来就会显示时间吧

加time更详细 显示的是从vite程序本身启动开始算起到整个命令结束

Answer 4

参考:

https://gitee.com/lihanspace/vite-plugin-build-time
https://juejin.cn/post/7153833226727850014