如何使用vue-cli 3创建两个单独的捆绑包？

我想构建两个单独的vue应用程序，这些应用程序将在快速应用程序中的两条不同路线上投放：“公共” vue应用程序和“管理员” vue应用程序。这两个应用程序都有自己的路由器和存储，但它们共享许多自定义组件。如何编辑默认的Webpack模板，使其基于两个不同的入口点（“ public”和“ admin”）输出两个单独的捆绑包？目标是最终完成一个或多或少这样的设置：

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
+- ...

必须由2个开发服务器提供http：// localhost：8080 / admin和 http：// localhost：8080 / public 每个项目必须位于dist中自己的文件夹中，并且自己具有public

我今天拥有的东西：在根目录中创建文件vue.config.js包含：

module.exports = {
  // tweak internal webpack configuration.
  // see https://github.com/vuejs/vue-cli/blob/dev/docs/webpack.md
  chainWebpack: config => {
    // 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()
  }
}