Vue.js 从外部回购导入Vuejs视图

Vue.js 从外部回购导入Vuejs视图,vue.js,import,vuejs2,vue-component,Vue.js,Import,Vuejs2,Vue Component,我有一个vuejs项目,它需要包含几个视图,这些视图本身可以被视为一个项目,它们有自己的组件、UTIL、样式依赖项甚至vue-18n,并且有自己的开发流程和时间安排。他们可能只是分享全球风格 我希望避免在主项目中使用大量的组件和这些“子项目”的依赖关系,我想知道是否有一种方法(不创建npm模块)将它们保存在不同的repo中,并将它们作为视图或组件导入主项目 类似于将其添加到package.json依赖项 “依赖项”:{ “vue”:“2.6.10”, “my-remote-view-1”:git

我有一个vuejs项目,它需要包含几个
视图
,这些视图本身可以被视为一个项目,它们有自己的组件、UTIL、样式依赖项甚至vue-18n,并且有自己的开发流程和时间安排。他们可能只是分享全球风格

我希望避免在主项目中使用大量的组件和这些“子项目”的依赖关系,我想知道是否有一种方法(不创建npm模块)将它们保存在不同的repo中,并将它们作为视图或组件导入主项目

类似于将其添加到
package.json
依赖项

“依赖项”:{
“vue”:“2.6.10”,
“my-remote-view-1”:git://github.com/me/my-remove-view-1.git",
“my-remote-view-2”:git://github.com/me/my-remove-view-2.git"
}
并将它们添加到vue路由器

从“my-remote-view-1”导入MyRemoteView1;
从“my-remote-view-2”导入MyRemoteView2;
const路由器=新路由器({
模式:“历史”,
路由器:[
(...)
{
路径:'/remote-1',
名称:“my-remote-view-1”,
组件:MyRemoteView1,
},
{
路径:'/remote-2',
名称:“my-remote-view-2”,
组件:MyRemoteView2,
},
],
});

如果您的视图已注册为
remote-view-1
存储库中的Vue.js文件(示例中为
views
文件夹),则可以通过执行以下操作将其导入:

从'my-remote-view-1/views/my view.vue'导入MyView
const路由器=新路由器({
模式:“历史”,
路由器:[
{
路径:'/remote-1',
名称:“my-remote-view-1”,
组件:MyView,
},
],
});

你的意思是我只需要导入它,就可以开箱即用?我想知道webpack将如何处理它。