Vue单页应用改多页应用及跨页面组件间跳转

1.我要做一个考试系统，大部分页面是左右布局，但“考试中”的页面我需要做成上下结构，因此，需要把单页应用改为多页应用，实现在不同页面框架下的布局。

2.同时，我从A.html下的组件“考试列表”跳转到B.html下的“考试中”组件，需要实现夸页面的组件间跳转。

先说第一个问题：

1.首先安装glob

2.修改build目录下的

• utils.js 增加以下代码，大概是require了相关模块，定义了多入口入口函数entries（）和多入口对应html加载函数

• //+添加以下部分
  
  // glob是webpack安装时依赖的一个第三方模块，还模块允许你使用 *等符号, 例如lib/*.js就是获取lib文件夹下的所有js后缀名的文件
  var glob = require('glob')
  // 页面模板
  var HtmlWebpackPlugin = require('html-webpack-plugin')
  // 取得相应的页面路径，因为之前的配置，所以是src文件夹下的pages文件夹
  var PAGE_PATH = path.resolve(__dirname, '../src/pages')
  // 用于做相应的merge处理
  var merge = require('webpack-merge')
  
  
  //多入口配置
  // 通过glob模块读取pages文件夹下的所有对应文件夹下的js后缀文件，如果该文件存在
  // 那么就作为入口处理
  exports.entries = function () {
      var entryFiles = glob.sync(PAGE_PATH + '/*/*.js')
      var map = {}
      entryFiles.forEach((filePath) => {
          var filename = filePath.substring(filePath.lastIndexOf('\/') + 1, filePath.lastIndexOf('.'))
          map[filename] = filePath
      })
      return map
  }
  
  //多页面输出配置
  // 与上面的多页面入口配置相同，读取pages文件夹下的对应的html后缀文件，然后放入数组中
  exports.htmlPlugin = function () {
      let entryHtml = glob.sync(PAGE_PATH + '/*/*.html')
      let arr = []
      entryHtml.forEach((filePath) => {
          let filename = filePath.substring(filePath.lastIndexOf('\/') + 1, filePath.lastIndexOf('.'))
          let conf = {
              // 模板