Webpack-dev-server не обновляется при изменении файлов - PullRequest
Новая
       5

Webpack-dev-server не обновляется при изменении файлов

0 голосов
/ 22 октября 2019

Когда я делаю изменения в моих файлах HTML или CSS, браузер не обновляется. Я вижу изменения только после перезапуска сервера. Как настроить автоматическое обновление при внесении изменений в мои файлы?

Я попытался изменить версию webpack-dev-server в моем package.json, но это не помогло.

Вот мой webpack.config.js

const path = require('path');

const config = require('./site.config');
const loaders = require('./webpack.loaders');
const plugins = require('./webpack.plugins');

module.exports = {
  context: path.join(config.root, config.paths.src),
  entry: [
    path.join(config.root, config.paths.src, 'javascripts/scripts.js'),
    path.join(config.root, config.paths.src, 'stylesheets/styles.scss'),
  ],
  output: {
    path: path.join(config.root, config.paths.dist),
    filename: '[name].[hash].js',
  },
  mode: ['production', 'development'].includes(config.env)
    ? config.env
    : 'development',
  devtool: config.env === 'production'
    ? 'hidden-source-map'
    : 'cheap-eval-source-map',
  devServer: {
    contentBase: path.join(config.root, config.paths.src),
    watchContentBase: true,
    hot: true,
    open: true,
    port: config.port,
    host: config.dev_host,
  },
  module: {
    rules: loaders,
  },
  plugins,
};
...