You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
44 lines
1.3 KiB
44 lines
1.3 KiB
// This file configures the development web server
|
|
// which supports hot reloading and synchronized testing.
|
|
|
|
// Require Browsersync along with webpack and middleware for it
|
|
import browserSync from 'browser-sync';
|
|
import webpack from 'webpack';
|
|
import webpackDevMiddleware from 'webpack-dev-middleware';
|
|
import webpackHotMiddleware from 'webpack-hot-middleware';
|
|
import webpackConfigBuilder from '../webpack.config';
|
|
|
|
const webpackConfig = webpackConfigBuilder('development');
|
|
const bundler = webpack(webpackConfig);
|
|
|
|
// Run Browsersync and use middleware for Hot Module Replacement
|
|
browserSync({
|
|
server: {
|
|
baseDir: 'src',
|
|
|
|
middleware: [
|
|
webpackDevMiddleware(bundler, {
|
|
// Dev middleware can't access config, so we provide publicPath
|
|
publicPath: webpackConfig.output.publicPath,
|
|
|
|
// pretty colored output
|
|
stats: { colors: true },
|
|
|
|
// Set to false to display a list of each file that is being bundled.
|
|
noInfo: true
|
|
|
|
// for other settings see
|
|
// http://webpack.github.io/docs/webpack-dev-middleware.html
|
|
}),
|
|
|
|
// bundler should be the same as above
|
|
webpackHotMiddleware(bundler)
|
|
]
|
|
},
|
|
|
|
// no need to watch '*.js' here, webpack will take care of it for us,
|
|
// including full page reloads if HMR won't work
|
|
files: [
|
|
'src/*.html'
|
|
]
|
|
});
|