ReactJS

1
const webpack = require('webpack');
2
const [webpackClientConfig, webpackServerConfig] = require('../webpack.config');
3
const nodemon = require('nodemon');
4
const path = require('path');
5
const webpackDevMiddleware = require('webpack-dev-middleware');
6
const webpackHotMiddleware = require('webpack-hot-middleware');
7
const express = require("express");
8

9
const hmrserver = express();
10
const clientCompiler = webpack(webpackClientConfig);
11

12
hmrserver.use(webpackDevMiddleware(clientCompiler, {
13
    publicPath: webpackClientConfig.output.publicPath,
14
    serverSideRender: true,
15
    writeToDisk: true,
16
    stats: 'errors-only',
17
}));
18

19
hmrserver.use(webpackHotMiddleware(clientCompiler, {
20
    path: '/static/__webpack_hmr',
21
}))
22

23
hmrserver.listen(3001, () => {
24
    console.log('HMR server successfully started');
25
});
26

27
const compiler = webpack(webpackServerConfig);
28

29
compiler.run((err) => {
30
    if (err) {
31
        console.log('Compiler failed: ', err);
32
    }
33
    compiler.watch({}, (err) => {
34
        if (err) {
35
            console.log('Compiler failed: ', err);
36
        }
37
        console.log('Compilation was successfully');
38
    });
39

40
    nodemon({
41
        script: path.resolve(__dirname, '../dist/server/server.js'),
42
        watch: [
43
            path.resolve(__dirname, '..dist/server'),
44
            path.resolve(__dirname, '..dist/client'),
45
        ]
46
    })
47
});