99 lines
3.0 KiB
JavaScript
99 lines
3.0 KiB
JavaScript
const fs = require('fs');
|
|
const webpack = require('webpack');
|
|
const nodemon = require('nodemon');
|
|
const rimraf = require('rimraf');
|
|
const webpackConfig = require('../config/webpack.config.js')(
|
|
process.env.NODE_ENV || 'development',
|
|
);
|
|
const webpackDevMiddleware = require('webpack-dev-middleware');
|
|
const webpackHotMiddleware = require('webpack-hot-middleware');
|
|
const express = require('express');
|
|
const paths = require('../config/paths');
|
|
const { logMessage } = require('./utils');
|
|
|
|
const app = express();
|
|
|
|
const WEBPACK_PORT =
|
|
process.env.WEBPACK_PORT ||
|
|
(!isNaN(Number(process.env.PORT)) ? Number(process.env.PORT) + 1 : 3001);
|
|
|
|
const start = async () => {
|
|
rimraf.sync(paths.clientBuild);
|
|
rimraf.sync(paths.serverBuild);
|
|
|
|
const [clientConfig, serverConfig] = webpackConfig;
|
|
clientConfig.entry.bundle = [
|
|
`webpack-hot-middleware/client?path=http://localhost:${WEBPACK_PORT}/__webpack_hmr`,
|
|
...clientConfig.entry.bundle,
|
|
];
|
|
|
|
clientConfig.output.hotUpdateMainFilename = 'updates/[hash].hot-update.json';
|
|
clientConfig.output.hotUpdateChunkFilename = 'updates/[id].[hash].hot-update.js';
|
|
|
|
const publicPath = clientConfig.output.publicPath;
|
|
clientConfig.output.publicPath = `http://localhost:${WEBPACK_PORT}${publicPath}`;
|
|
serverConfig.output.publicPath = `http://localhost:${WEBPACK_PORT}${publicPath}`;
|
|
|
|
const multiCompiler = webpack([clientConfig, serverConfig]);
|
|
const clientCompiler = multiCompiler.compilers[0];
|
|
const serverCompiler = multiCompiler.compilers[1];
|
|
|
|
serverCompiler.hooks.compile.tap('_', () => logMessage('Server compiling...', 'info'));
|
|
clientCompiler.hooks.compile.tap('_', () => logMessage('Client compiling...', 'info'));
|
|
|
|
const watchOptions = {
|
|
ignored: /node_modules/,
|
|
stats: clientConfig.stats,
|
|
};
|
|
|
|
app.use((req, res, next) => {
|
|
res.header('Access-Control-Allow-Origin', '*');
|
|
return next();
|
|
});
|
|
|
|
const devMiddleware = webpackDevMiddleware(multiCompiler, {
|
|
publicPath: clientConfig.output.publicPath,
|
|
stats: clientConfig.stats,
|
|
watchOptions,
|
|
});
|
|
app.use(devMiddleware);
|
|
app.use(webpackHotMiddleware(clientCompiler));
|
|
app.use('/static', express.static(paths.clientBuild));
|
|
app.listen(WEBPACK_PORT);
|
|
|
|
// await first build...
|
|
await new Promise((res, rej) => devMiddleware.waitUntilValid(() => res()));
|
|
|
|
const script = nodemon({
|
|
script: `${paths.serverBuild}/server.js`,
|
|
watch: [paths.serverBuild],
|
|
verbose: true,
|
|
});
|
|
|
|
// uncomment to see nodemon details
|
|
// script.on('log', x => console.log(`LOG `, x.colour));
|
|
|
|
script.on('crash', () =>
|
|
logMessage(
|
|
'Server crashed, will attempt to restart after changes. Waiting...',
|
|
'error',
|
|
),
|
|
);
|
|
|
|
script.on('restart', () => {
|
|
logMessage('Server restarted.', 'warning');
|
|
});
|
|
|
|
script.on('error', () => {
|
|
logMessage('An error occured attempting to run the server. Exiting', 'error');
|
|
process.exit(1);
|
|
});
|
|
|
|
process.on('SIGINT', () => {
|
|
console.log(' Dev exited, see you next time.');
|
|
process.exit();
|
|
});
|
|
};
|
|
|
|
start();
|