Vue.js 在本地Vue应用程序中热重新加载本地Vue插件的方法?

Vue.js 在本地Vue应用程序中热重新加载本地Vue插件的方法?,vue.js,vuetify.js,webpack-dev-server,hot-reload,npm-link,Vue.js,Vuetify.js,Webpack Dev Server,Hot Reload,Npm Link,使用纱线服务(可能使用webpack/Vuetify loader)在本地Vuetify应用程序的本地npm依赖项上是否有热重新加载的方法 商业案例 我们有一些常见的Vuetify组件,我想通过一个“common components”Vue插件公开这些组件,并允许我们所有的Vuetify应用程序使用这些常见组件。我可以通过打包插件、创建依赖项并推送到私有npm repo或提交/推送到私有git repo来实现这一点。问题在于开发周期和开发经验 本地开发环境中插件的典型开发更改需要: (公共组

使用
纱线服务
(可能使用webpack/Vuetify loader)在本地Vuetify应用程序的本地npm依赖项上是否有热重新加载的方法

商业案例 我们有一些常见的Vuetify组件,我想通过一个“common components”Vue插件公开这些组件,并允许我们所有的Vuetify应用程序使用这些常见组件。我可以通过打包插件、创建依赖项并推送到私有npm repo或提交/推送到私有git repo来实现这一点。问题在于开发周期和开发经验

本地开发环境中插件的典型开发更改需要:

  • (公共组件)
    纱线构建
    (创建dist/common components.umd.js)
  • (通用组件)(部署到专用npm代表或提交/推送到git回购)
  • (应用程序A)
    纱线升级常用组件
    以获取最新
  • (应用A)
    纱线服务
必须有一个比这更好的开发周期,对吗?还是我真正的问题是我们需要更好地将插件与应用程序分离

我希望的解决方案,但失败了 纱线链或npm链

我能够让它工作,但是NPM依赖项仍然解析为文件夹的package.json,它有一个
“main”:“dist/common components.umd.js”
。这需要我执行
纱线构建
,删除文件并重建它。当文件被删除时,当前使用
warn serve
运行的“应用程序A”将中断且不可恢复。我必须关闭服务器并再次执行
纱线服务


我希望有一个解决方案可以解决这个问题

多亏了您的帮助,我不久前已经完成了这种设置

基本上是:

  • 使用您自己的软件包,设置它(如果我没记错的话,请使用
    yalc-link
  • 当对包进行更新时,我们让它自动
    yalc发布--push--changed
    ,就像用一根针一样
  • 您可以使用预推git钩子来保护您的包
  • 在主机主应用程序上,我们运行了一个
    nodemon
    来检查
    yalc
    是否发布了任何更改,如果是这样,只需重新加载应用程序即可
  • 在主应用程序上,我们在
    pull
    上使用git钩子,让它获取
    yalc.lock
    存储上的最新更改(使用
    yalc更新
我之前做过,所以我记不太清楚,但据我记忆,它运行得相当好,只需要在其他服务的基础上运行两台服务器(一台在包上发布,另一台在主应用上获取更改)。仍然比纱线或npm
link
s更有效