title: How can I create two separate bundles with vue-cli 3?
body: <p>I want to build two separate vue apps that will be served on two different routes in an express application: a ‘public’ vue app and an ‘admin’ vue app. These two apps have their own router and store but they share a lot of custom components.
  How can I edit the default webpack template to make it output two separate bundles based of my two different entry points (‘public’ and ‘admin’)?
  The goal would be to end up with a setup more or less like this:</p>
  
  <pre><code>my-app/
  +- ...
  +- dist/
  |  +- admin/         Admin bundle and files
  |  +- public/        Public bundle and files
  +- src/
  |  +- components/    Shared components
  |  +- admin/         Entry point, router, store... for the admin app
  |  +- public/        Entry point, router, store... for the public app
  +- ...
  </code></pre>
  
  <p>Must by available 2 dev servers <a href="http://localhost:8080/admin" rel="noreferrer">http://localhost:8080/admin</a> and  <a href="http://localhost:8080/public" rel="noreferrer">http://localhost:8080/public</a>
  Each project must be in own folder in dist, and own public</p>
  
  <p>What i have today:
  created file vue.config.js  in root directory
  With:</p>
  
  <pre><code>module.exports = {
    // tweak internal webpack configuration.
    // see https://github.com/vuejs/vue-cli/blob/dev/docs/webpack.md
    chainWebpack: config =&gt; {
      // If you wish to remove the standard entry point
      config.entryPoints.delete('app')
  
      // then add your own
      config.entry('admin')
        .add('./src/admin/index.js')
        .end()
      .entry('public')
        .add('./src/public/index.js')
        .end()
    }
  }
  </code></pre>