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

发布于 2022-09-11 22:48:49 字数 530 浏览 16 评论 0

我当前的应用场景

我当前使用的是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的官方文档上找到相关的指引。

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。
列表为空,暂无数据
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文