Running Vue CLI 3 generated project with custom Express server

serve.js

"use strict";

// Generate webpack config with CLI service
const webpackConfig = require("@vue/cli-service/webpack.config.js");

// Create express app
const express = require("express");
const app = express();

// Configure webpack as middleware
const webpack = require("webpack");

webpackConfig.entry.app.unshift('webpack-hot-middleware/client');
const compiler = webpack(webpackConfig);
const devMiddleware = require('webpack-dev-middleware'); // eslint-disable-line
app.use(devMiddleware(compiler, {
	noInfo: false,
	publicPath: webpackConfig.output.publicPath,
	headers: { "Access-Control-Allow-Origin": "*" },
	stats: {colors: true}
}));

const hotMiddleware = require('webpack-hot-middleware'); // eslint-disable-line
app.use(hotMiddleware(compiler, {
	log: console.log
}));

const port = 8080;
app.listen(port, function() {
	console.log("Developer server running on http://localhost:" + port);
});

Here's my approach: Using Vue-CLI to serve an Express app.

Thank you for your approach! It working for some cases.
But for some - not.
For example I need to connect dyson service (like fake api service) to express app before app.listen(..)
I try to use before or after hooks - not works at all - server not initalize at all(
webpro/dyson#104
Help me please)