Vue webpack 打包时长统计
在package.json中发现build
实际调用的是vue-cli-service
"scripts": {
"dev": "vue-cli-service serve",
"build": "vue-cli-service build"
},
执行的函数是 node_modules/@vue/cli-service/lib/commands/build/index.js
中的build
函数。做如下修改:
//开始时间
let startTime = '';
//在构建函数中记录开始时间
async function build (args, api, options) {
startTime = Date.parse(new Date())
console.log('开始时间戳:'+startTime)
/*
* ...
*/
return new Promise((resolve, reject) => {
webpack(webpackConfig, (err, stats) => {
//....
if (!args.watch) {
console.log('结束时间戳:'+Date.parse(new Date()))
console.log('花费时间:'+(Date.parse(new Date())-startTime)/1000+'秒')
done(`Build complete. The ${chalk.cyan(targetDirShort)} directory is ready to be deployed.`)
info(`Check out deployment instructions at ${chalk.cyan(`https://cli.vuejs.org/guide/deployment.html`)}\n`)
} else {
done(`Build complete. Watching for changes...`)
}
}
}
//...
resolve()
})
})
}
重新执行npm run build
结果如下: