vue 多页面多模块分模块打包 分插件安装

Vue多页面多模块分模块打包，可以通过webpack的多入口配置和代码分割来实现。下面是一个简单的示例：

1. 首先在webpack配置文件中配置多个入口文件：

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

2. 接着，在每个模块中分别创建自己的Vue实例，并在实例中注册自己的组件和路由。

3. 然后，通过webpack的代码分割功能，将每个模块中的公共组件和库单独打包成一个vendor文件，从而避免重复打包。

4. 最后，通过webpack插件将每个模块打包成独立的HTML文件，并在HTML文件中引入对应的JS文件。

至于分插件安装，可以通过npm或者yarn来安装。具体步骤如下：

1. 在项目根目录下运行命令：npm install xxx --save 或者 yarn add xxx。

2. 在需要使用插件的地方引入插件，并在Vue实例中注册插件。

例如，安装并使用Vue Router插件的步骤如下：

1. 运行命令：npm install vue-router --save 或者 yarn add vue-router。

2. 在main.js中引入Vue Router插件：

import Vue from 'vue'
import VueRouter from 'vue-router'

Vue.use(VueRouter)

3. 在Vue实例中注册Vue Router插件：

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

这样就完成了Vue多页面多模块分模块打包和分插件安装的配置。