Timer-webpack-plugin NPM

TimerPlugin 项目

这是一个使用 Webpack 配置的项目，用来统计编译时长。

安装

首先，克隆仓库并安装依赖：

npm install --save-dev timer-webpack-plugin

使用

Webpack 配置

项目的 Webpack 配置文件位于webpack.config.js中

CountTimePlugin 插件

我们创建了一个自定义的 CountTimePlugin 插件，用于统计 Webpack 编译的开始和结束时间，并计算编译耗时。

主要功能

记录开始时间：在 entryOption 钩子中记录编译开始时间。
记录结束时间：在 done 钩子中记录编译结束时间，并计算编译耗时。
处理资源：在 thisCompilation 钩子中，通过 processAssets 钩子处理资源。

示例代码：

module.exports = class CountTimePlugin {
  apply(compiler) {
    let self = this;
    compiler.hooks.entryOption.tap('CountTime', (compilation) => {
      self.startTime = Date.now();
      console.log('start...');
    });

    compiler.hooks.done.tap('CountTime', (compilation) => {
      console.log('end...');
      self.endTime = Date.now();
      console.log(`编译耗时：${self.endTime - self.startTime} ms`);
    });

    compiler.hooks.thisCompilation.tap('CountTime', (compilation) => {
      compilation.hooks.processAssets.tap(
        {
          name: 'CountTime',
          stage: compiler.webpack.Compilation.PROCESS_ASSETS_STAGE_SUMMARIZE,
        },
        (assets) => {
          // 在这里处理资源
        }
      );
    });
  }
};