Sample Split Vue Config Files

snippet of package.json scripts

  "scripts": {
    "serve": "vue-cli-service serve",
    "build:admin": "rimraf vue.config.js && copy vue.configAdmin.js vue.config.js && vue-cli-service build --dest dist/admin src/admin/main.js && rimraf vue.config.js && copy vue.configDefault.js vue.config.js",
    "build:client": "rimraf vue.config.js && copy vue.configClient.js vue.config.js && vue-cli-service build --dest dist/client src/client/main.js && rimraf vue.config.js && copy vue.configDefault.js vue.config.js",
    "lint": "vue-cli-service lint"
  },

vue.configAdmin.js

const path = require('path')

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

vue.configClient.js

const path = require('path')

module.exports = {
    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') }
            ]
        }
    }
}