vue-cli4 设置多页面

因为重构的项目中有一个需求是点击，弹出一个新网页，为了实现这个功能，我决定使用vue-cli中的多页面。
我用的是vue-cli4，之前用vue-cli3发现他弹出的新页面不会加载对应的入口文件。
vue-cli4已经没有build文件夹了。
第一步：在项目根目录创建 vue.config.js

然后创建自己的新页面：
我创建了一个about页面：about.html about.js About.vue
下面是vue.config.js的内容

module.exports = {
  pages: {
    about: {
      entry: './src/about.js',
      template: 'public/about.html',
      filename: 'about.html'
    },
    index: {
      entry: 'src/main.js',
      template: 'public/index.html',
      filename: 'index.html'
    }
  }
}

后来，我把about放在了index前面就是想看看会不会先加载about，结果是不会的。
然后我把index换成了home，发现报错了
换回来就正常了，可能会涉及到里面的配置，目前还不知道是什么位置。

关于about的三个文件，只需要变更about.js里面那个about的组件引入就可以了。