-
Notifications
You must be signed in to change notification settings - Fork 9
/
server.js
67 lines (55 loc) · 1.32 KB
/
server.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
import express from 'express';
import webpack from 'webpack';
import webpackDevMiddleware from 'webpack-dev-middleware';
import {
createIsomorphicWebpack
} from 'isomorphic-webpack';
import {
renderToString
} from 'react-dom/server';
import webpackConfiguration from '../webpack.configuration';
const compiler = webpack(webpackConfiguration);
const app = express();
app.use(webpackDevMiddleware(compiler, {
noInfo: false,
publicPath: '/static',
quiet: false,
stats: {
assets: false,
chunkModules: false,
chunks: false,
colors: true,
hash: false,
timings: false,
version: false
}
}));
const {
createCompilationPromise,
evalBundleCode
} = createIsomorphicWebpack(webpackConfiguration, {
useCompilationPromise: true
});
app.use(async (req, res, next) => {
await createCompilationPromise();
next();
});
const renderFullPage = (body) => {
// eslint-disable-next-line no-restricted-syntax
return `
<!doctype html>
<html>
<head></head>
<body>
<div id='app'>${body}</div>
<script src='/static/app.js'></script>
</body>
</html>
`;
};
app.get('/', (req, res) => {
const requestUrl = req.protocol + '://' + req.get('host') + req.originalUrl;
const app = renderToString(evalBundleCode(requestUrl).default);
res.send(renderFullPage(app));
});
app.listen(8000);