Webpack-开发-带Gulp的服务器在代码更改后不重新加载

module.exports = {
  // ...
  devServer: {
    hot: true,
  },
  // ...
};

const gulp = require('gulp');
const webpack = require('webpack');
const webpackDevServer = require('webpack-dev-server');
const webpackConfig = require('./webpack.config.js');

gulp.task('serve', () => {
  const compiler = webpack(webpackConfig);
  const server = new webpackDevServer(compiler, {
    hot: true,
    // 其他配置项
  });

  server.listen(8080, 'localhost', (err) => {
    if (err) {
      console.error(err);
    }
    console.log('Dev server listening at http://localhost:8080');
  });
});

gulp.task('watch', () => {
  gulp.watch('src/**/*', gulp.series('webpack:build'));
});

gulp.task('webpack:build', (callback) => {
  const compiler = webpack(webpackConfig);
  compiler.run((err, stats) => {
    // 处理构建结果
    callback();
  });
});

gulp.task('default', gulp.series('serve', 'watch'));