Sample Split Vue Config Files

scripts section of package.json

  "scripts": {
    "serve": "vue-cli-service serve",
    "build:client": "env VUE_CLI_SERVICE_CONFIG_PATH=\"**Insert full path to vue.configClient.js**\" vue-cli-service build",
    "build:admin": "env VUE_CLI_SERVICE_CONFIG_PATH=\"**Insert full path to vue.configAdmin.js**\" vue-cli-service build",
    "build:all": "npm run build:client && npm run build:admin",
    "lint": "vue-cli-service lint"
  },

vue.configAdmin.js

const path = require('path')

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

vue.configClient.js

const path = require('path')

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

vue.configDefault.js

const path = require('path')

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

    devServer: {
        port: 8080,
        historyApiFallback: {
            rewrites: [
                { from: /^\/admin\/?.*/, to: path.posix.join('/', 'admin.html') },
                { from: /./, to: path.posix.join('/', 'index.html') }
            ]
        }
    }
}