乐趣区

关于javascript:vue2项目编译webpack耗时统计

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 打包后的各个模块文件大小,直观明了,依据具体我的项目再去进行优化。

    退出移动版