vue多模块开发单独打包支持路由跳转

Vue多模块开发可以使用Vue Router来支持路由跳转。在单独打包每个模块时，可以在webpack的配置中指定每个模块的入口文件，例如：

module.exports = {
  entry: {
    module1: './src/module1/main.js',
    module2: './src/module2/main.js'
  },
  output: {
    path: __dirname + '/dist',
    filename: '[name].js'
  }
}

这样就会生成两个打包后的文件：module1.js 和 module2.js。然后在每个模块的入口文件中，可以使用Vue Router来定义路由和组件，例如：

import Vue from 'vue'
import VueRouter from 'vue-router'
import App from './App.vue'
import Home from './components/Home.vue'
import About from './components/About.vue'

Vue.use(VueRouter)

const routes = [
  { path: '/', component: Home },
  { path: '/about', component: About }
]

const router = new VueRouter({
  routes
})

new Vue({
  router,
  render: h => h(App)
}).$mount('#app')

这样就可以在模块中使用路由跳转了。例如，在module1中可以使用以下代码来跳转到module2中的某个路由：

this.$router.push('/about')

需要注意的是，在多模块开发中，每个模块应该都有自己的路由配置和组件定义，避免出现命名冲突。