1.0.13 • Published 9 years ago
lifecycle-webpack-plugin v1.0.13
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 | 异步压缩模块树 |