title: How to build a multi pages application by vite2 and vue3？
body: <p>I built a multi-page app with Vue CLI and Vue 2 by changing <code>vue.config.js</code> like below:</p>
  <pre class="lang-js prettyprint-override"><code>pages: {
      index: {
        entry: './src/pages/index/main.js',
        template: 'public/index.html',
        title: 'index page',
        chunks: ['chunk-vendors', 'chunk-common', 'index']
      },
      admin: {
        entry: './src/pages/admin/main.js',
        template: 'public/index.html',
        title: 'admin page',
        chunks: ['chunk-vendors', 'chunk-common', 'admin']
      }
  },
  ...
  </code></pre>
  <p>But how do I build a multi-page app with Vite and Vue 3?</p>
  <p><a href="https://i.stack.imgur.com/gGbUh.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/gGbUh.png" alt="enter image description here" /></a></p>
  <p>This is my Directory Structure.
  I edited the vite.config.js like this:</p>
  <pre><code>import vue from '@vitejs/plugin-vue'
  const { resolve } = require('path')
  /**
   * @type {import('vite').UserConfig}
   */
  export default {
    plugins: [vue()],
    build:{
      rollupOptions:{
        input:{
          main:resolve(__dirname,'index.html'),
          admin:resolve(__dirname,'src/admin/index.html')
        }
      }
    }
  }
  
  </code></pre>
  <p>But it returns errors when i build and i counld not open the admin page by localhost:3000/admin/index.html.</p>