106 lines
2.7 KiB
JavaScript
106 lines
2.7 KiB
JavaScript
|
/* eslint-disable no-console */
|
||
|
|
const _ = require('lodash');
|
||
|
|
// eslint-disable-next-line
|
||
|
|
const webpack = require('webpack');
|
||
|
|
const path = require('path');
|
||
|
|
// eslint-disable-next-line
|
||
|
|
const nodeExternals = require('webpack-node-externals');
|
||
|
|
const childProcess = require('child_process');
|
||
|
|
|
||
|
|
// https://webpack.js.org/concepts/targets/
|
||
|
|
// Also suggests splitting up the config into two pieces... Better for us anyway.
|
||
|
|
|
||
|
|
const commonConfig = {
|
||
|
|
mode: 'development',
|
||
|
|
resolve: {
|
||
|
|
extensions: ['.tsx', '.ts', '.js', '.jsx'],
|
||
|
|
},
|
||
|
|
module: {
|
||
|
|
rules: [
|
||
|
|
{
|
||
|
|
test: /\.tsx?$/,
|
||
|
|
use: 'ts-loader',
|
||
|
|
exclude: /node_modules/,
|
||
|
|
},
|
||
|
|
],
|
||
|
|
},
|
||
|
|
};
|
||
|
|
|
||
|
|
const clientConfig = _.defaultsDeep(_.cloneDeep(commonConfig), {
|
||
|
|
target: 'web',
|
||
|
|
entry: {
|
||
|
|
client: './src/client/client.ts',
|
||
|
|
},
|
||
|
|
output: {
|
||
|
|
filename: '[name].js',
|
||
|
|
path: path.resolve(__dirname, '../dist/public'),
|
||
|
|
},
|
||
|
|
externals: ['perf_hooks'],
|
||
|
|
plugins: [
|
||
|
|
new webpack.DefinePlugin({
|
||
|
|
CANVAS_RENDERER: JSON.stringify(true),
|
||
|
|
WEBGL_RENDERER: JSON.stringify(true),
|
||
|
|
}),
|
||
|
|
],
|
||
|
|
devtool: 'eval-source-map', // inline-source-map
|
||
|
|
});
|
||
|
|
|
||
|
|
const serverConfig = _.defaultsDeep(_.cloneDeep(commonConfig), {
|
||
|
|
target: 'node',
|
||
|
|
entry: {
|
||
|
|
server: './src/server/server.ts',
|
||
|
|
},
|
||
|
|
output: {
|
||
|
|
filename: '[name].js',
|
||
|
|
path: path.resolve(__dirname, '../dist'),
|
||
|
|
},
|
||
|
|
externals: [nodeExternals()],
|
||
|
|
plugins: [
|
||
|
|
{
|
||
|
|
apply: (compiler) => {
|
||
|
|
let ps = null;
|
||
|
|
let watchEnabled = false;
|
||
|
|
|
||
|
|
async function startServer() {
|
||
|
|
const serverPath = path.join(__dirname, '../dist/server.js');
|
||
|
|
console.log(`Starting ${serverPath} ...`);
|
||
|
|
ps = childProcess.spawn('node', [serverPath]);
|
||
|
|
|
||
|
|
ps.stdout.on('data', (data) => {
|
||
|
|
process.stdout.write(data);
|
||
|
|
});
|
||
|
|
|
||
|
|
ps.stderr.on('data', (data) => {
|
||
|
|
process.stderr.write(data);
|
||
|
|
});
|
||
|
|
|
||
|
|
// Automatically restart the server if it crashes.
|
||
|
|
ps.once('close', () => {
|
||
|
|
console.log('Crash detected, restarting ...');
|
||
|
|
startServer();
|
||
|
|
});
|
||
|
|
}
|
||
|
|
|
||
|
|
// https://webpack.js.org/api/compiler-hooks/
|
||
|
|
compiler.hooks.afterEmit.tap('RunServer', () => {
|
||
|
|
if (watchEnabled) {
|
||
|
|
if (ps !== null) {
|
||
|
|
console.log('Killing old process ...');
|
||
|
|
ps.kill();
|
||
|
|
} else {
|
||
|
|
startServer();
|
||
|
|
}
|
||
|
|
}
|
||
|
|
});
|
||
|
|
|
||
|
|
compiler.hooks.watchRun.tap('RunServer', () => {
|
||
|
|
console.log('Watch enabled, will restart server process automatically');
|
||
|
|
watchEnabled = true;
|
||
|
|
});
|
||
|
|
},
|
||
|
|
},
|
||
|
|
],
|
||
|
|
});
|
||
|
|
|
||
|
|
module.exports = [clientConfig, serverConfig];
|