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	异步压缩模块树