webpack-compiler-plugin Webpack编译钩子监听插件
Webpack 的钩子监听插件，用来做构建阶段自动化任务真的挺方便的。webpack-compiler-plugin这个小工具，专门帮你在 Webpack 几个关键环节插入命令，比如构建开始前、编译结束后啥的。写 CI 脚本或打包通知时可省不少事。
buildStart阶段一般只触发一次，适合初始化一些只跑一遍的逻辑，比如清缓存、打日志；compileStart和compileEnd则更灵活，配合--watch模式，代码一改就能触发命令，适合搞点热重启、格式化啥的。
用法也简单，类似这样：
const { execSync } = require("child_process");
const { WebpackCompilerPlugin } = require("webpack-compiler-plugin");
module.exports = {
plugins: [
new WebpackCompilerPlugin({
buildStart: () => execSync("echo build started"),
compileEnd: () => execSync("echo compile finished")
})
]
};
如果你经常手动敲命令跑构建相关的操作，可以试试让它全自动化。嗯，用起来真的挺爽的。
文件大小：211.6KB
评论区