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

作者站长头像
站长
· 阅读数 14

问题描述

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

你期待的结果是什么?

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

回复
1个回答
avatar
test
2024-07-03

answer image 这个是吗?运动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

回复
likes
适合作为回答的
  • 经过验证的有效解决办法
  • 自己的经验指引,对解决问题有帮助
  • 遵循 Markdown 语法排版,代码语义正确
不该作为回答的
  • 询问内容细节或回复楼层
  • 与题目无关的内容
  • “赞”“顶”“同问”“看手册”“解决了没”等毫无意义的内容