-
Notifications
You must be signed in to change notification settings - Fork 0
/
dev.js
62 lines (49 loc) · 1.52 KB
/
dev.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
process.env.NODE_ENV = 'development';
const webpack = require('webpack');
const opn = require('opn');
const express = require('express');
const chalk = require('chalk');
const config = require('../config');
const webpackConfig = require('./webpack.dev.conf');
const port = config.dev.port;
const autoOpenBrowser = config.dev.autoOpenBrowser;
const app = express();
const compiler = webpack(webpackConfig);
const devMiddleware = require('webpack-dev-middleware')(compiler, {
publicPath: webpackConfig.output.publicPath,
stats: { colors: true }
});
const hotMiddleware = require('webpack-hot-middleware')(compiler, {
log: false,
warn: false
});
// force page reload when html-webpack-plugin template changes
compiler.plugin('compilation', (compilation) => {
compilation.plugin('html-webpack-plugin-after-emit', (data, cb) => {
hotMiddleware.publish({ action: 'reload' });
cb();
});
});
// handle fallback for HTML5 history API
app.use(require('connect-history-api-fallback')());
// serve webpack bundle output
app.use(devMiddleware);
// enable hot-reload and state-preserving
// compilation error display
app.use(hotMiddleware);
// serve pure static assets
const staticPath = config.dev.assetsSubDirectory;
app.use(express.static(staticPath));
const uri = `http://localhost:${port}`;
devMiddleware.waitUntilValid(() => {
console.log(chalk.cyan(`> Listening at ${uri}\n`));
});
module.exports = app.listen(port, (err) => {
if (err) {
console.log(err);
return;
}
if (autoOpenBrowser) {
opn(uri);
}
});