timer-webpack-plugin

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) => {
          // 在这里处理资源
        }
      );
    });
  }
};

运行项目

使用以下命令来构建和运行项目：

npm run build
npm start

贡献

欢迎提交问题和请求功能。如果你想贡献代码，请 fork 这个仓库并提交 pull request。

许可证

此项目使用 MIT 许可证。