lifecycle-webpack-plugin
v1.0.13
Published
webpack life cycle
Downloads
8
Readme
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 | 异步压缩模块树 |