1 | const WebpackDevServer = require('webpack-dev-server');
|
2 | const gulp = require('gulp');
|
3 | const gutil = require('gulp-util');
|
4 |
|
5 | const webpack = require('webpack');
|
6 | const config = require('./config');
|
7 | const webpackDevConf = require('../webpack-dev.config');
|
8 |
|
9 | const LOCALHOST = '127.0.0.1';
|
10 | const devPort = config.ports.dev;
|
11 |
|
12 | gulp.task('dev', () => {
|
13 | const compiler = webpack(webpackDevConf);
|
14 | const devSvr = new WebpackDevServer(compiler, {
|
15 | 'watch-poll': true,
|
16 | watchOptions: {
|
17 | aggregateTimeout: 300,
|
18 | poll: 1000
|
19 | },
|
20 | contentBase: webpackDevConf.output.path,
|
21 | hot: true,
|
22 | publicPath: webpackDevConf.output.publicPath,
|
23 | stats: webpackDevConf.devServer.stats,
|
24 | });
|
25 |
|
26 | devSvr.listen(devPort, LOCALHOST, (err) => {
|
27 | if (err) {
|
28 | throw new gutil.PluginError('webpack-dev-server', err);
|
29 | }
|
30 | const url = `http://${LOCALHOST}:${devPort}/`;
|
31 | gutil.log('[webpack-dev-server]', url);
|
32 |
|
33 |
|
34 |
|
35 | });
|
36 | });
|