使用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的官方文档上找到相关的指引。
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论