vue2我的项目编译webpack耗时统计

1. 手动统计耗时

vue编译命令npm run build，其理论应用的命令是vue-cli-service build，门路是node_modules\@vue\cli-service\lib\commands\build\index.js

  • 原108行退出命令：

      const beginTime = Date.now()

    • 原209~210行之间退出代码：

        const endTime = Date.now()  info(`编译耗时：${chalk.cyan((endTime - beginTime) / 1000)}(s)`)

    • npm run build即可看出编译总耗时

    2. 应用第三方工具（举荐）

    speed-measure-webpack-plugin每一项耗时都有准确统计，搭配应用webpack-bundle-analyzer打包后的各个模块文件大小，直观明了，依据具体我的项目再去进行优化。