使用vue-cli 3.x的watch模式时,如何在每次自动触发的构建成功后,执行我自己编写的代码片段?

我当前的应用场景

我当前使用的是vue-cli@3.9.2,出于某种需求,我在本地开发时会执行vue-cli-service build --watch来监听源程序文件变化并触发自动构建。

我目前的处理方案

我目前是另外启动一个node.js进程来监听文件变化(这里指的是已构建出来的bundle文件)并执行我编写的代码段,整个开发体验比较糟糕。

对比vue-cli 2.x

在vue-cli 2.x体系中,实际上我们是通过build.js里调用webpack()这一webpack的原生API来启动构建的,因此我就可以修改为webpack().watch()来启动构建并在每次自动构建完成后执行一个回调函数;但进入到vue-cli 3.x时代后,webpack的API完全被封装隐藏好了。

总结

我希望达到的目的是,当每次自动构建完成后,执行一段我编写的代码片段,但是我目前没能在vue-cli的官方文档上找到相关的指引。

暂无评论

发表评论

您的电子邮箱地址不会被公开。 必填项已用*标注