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更新
)
我之前做过,所以我记不太清楚,但据我记忆,它运行得相当好,只需要在其他服务的基础上运行两台服务器(一台在包上发布,另一台在主应用上获取更改)。仍然比纱线或npmlink
s更有效