lifecycle-webpack-plugin

webpack插件，在webpack执行构建各个过程执行完成后的回调。可以在回调中显示需要的信息。 可以是时间信息，也可以是compiler的信息。

执行效果

安装使用

npm install --save-dev lifecycle-webpack-plugin

在webpack.config.js中:

import { LifeCycleWebpackPlugin } from 'lifecycle-webpack-plugin';

plugins: [new LifeCycleWebpackPlugin({
    done: (compiler) => {
        console.log('\n done \n', new Date());
    },
})]

webpack整体流程图（引用自http://taobaofed.org/blog/2016/09/09/webpack-flow/）

支持的事件：

| api | 对应webpack的事件 | 描述 | | ---- | ----------------| ---- | | compile | compile | 开始编译 | | make | make | 从入口点分析模块及其依赖的模块，创建这些模块对象 | | emit | emit | 把各个chunk输出到结果文件 | | buildModule | build-module | 构建模块 | | afterCompile | after-compile | 完成构建 | | seal | seal | 封装构建结果 | | afterEmit | after-emit | 完成输出 | | optimize | optimize | 开始压缩阶段 | | optimizeChunkAssets | optimize-chunk-assets | 为分块压缩 | | normalModuleLoader | normal-module-loader | 一个一个的加载模块 | | optimizeModules | optimize-modules | 压缩模块 | | optimizeTree | optimize-tree | 异步压缩模块树 |