-
Notifications
You must be signed in to change notification settings - Fork 0
/
server.js
80 lines (67 loc) · 1.97 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
68
69
70
71
72
73
74
75
76
77
78
79
80
import CSSModulesRequireHook from 'css-modules-require-hook/preset'
require('asset-require-hook')({
extensions: ['jpg', 'png'],
name: '[name].[hash].[ext]'
})
require('asset-require-hook')({
extensions: ['woff', 'woff2', 'eot', 'ttf', 'otf'],
name: '[name].[hash].[ext]',
mimetype: 'application/font-woff',
limit: 10000
})
import fs from 'fs'
import path from 'path'
import express from 'express'
const app = express()
const isProd = process.env.NODE_ENV === 'production'
const serverRenderer = isProd
? require('./entry-server')
: require('./src/entry-server').default
// Server hot-reloading
if (!isProd) {
const webpack = require('webpack')
const webpackDevMiddleware = require('webpack-dev-middleware')
const webpackHotMiddleware = require('webpack-hot-middleware')
const config = require('./build/webpack.dev.conf')
const compiler = webpack(config)
app.use(
webpackDevMiddleware(compiler, {
noInfo: true,
publicPath: config.output.publicPath,
serverSideRender: true
})
)
app.use(webpackHotMiddleware(compiler, { heartbeat: 5000, log: console.log }))
}
// dist
app.use(express.static('dist'))
function render({ res, markup, state }) {
let template = fs.readFileSync(
path.resolve(__dirname, './index.html'),
'utf-8'
)
const isProd = process.env.NODE_ENV === 'production'
if (isProd) {
const page = template.replace(
'<!-- react-ssr-outlet -->',
markup + `<script>window.__INITIAL_STATE__ = ${state}</script>`
)
res.end(page)
} else {
const page = template.replace(
'<!-- react-ssr-outlet -->',
markup +
`<script>window.__INITIAL_STATE__ = ${state}</script>` +
`<script src="/bundle.js"></script>`
)
res.end(page)
}
}
// Client Server Rendering
app.get('*', (req, res) => {
const { page, state } = serverRenderer(req, res)
render({ req, res, markup: page, state })
})
app.listen(3000, () => {
console.log('Server is running at http://localhost:3000')
})