Почему webpack-dev-server не обновляется при изменении stylus файлов?

Question

[steemy_web]

Добрый день! Пишу простой конфиг webpack react

const webpack = require('webpack');
const ExtractTextPlugin = require("extract-text-webpack-plugin");
const WebpackNotifierPlugin = require('webpack-notifier');

const config = {
   entry: [
      "./_f/app.js"
   ],
    
   output: {
      path: __dirname + "/_p",
      filename: "st.js"
   },
    
   devServer: {
      contentBase: "./_p",
      historyApiFallback: true,
      inline: true,
      port: 2000
   },
    
   module: {
      rules: [
         {
            test: /\.(js)$/,
            exclude: /node_modules/,
            loader: 'babel-loader',
            options: {
               presets: ['es2015', 'react']
            }
         },
         {
            test: /\.styl/,
            exclude: /node_modules/,
            use: ExtractTextPlugin.extract({
               fallback: 'style-loader',
               use: [
                  {
                     loader: 'css-loader',
                     options: {
                        sourceMap: true,
                        minimize: true
                     }
                  }, 'autoprefixer-loader?browsers=last 2 versions', 'stylus-loader']
            })
         }
      ],
 
   },

   plugins: [
      new ExtractTextPlugin('st.css'),
      new WebpackNotifierPlugin,
      new webpack.HotModuleReplacementPlugin()
   ],
   devtool: "cheap-inline-module-source-map",
}
module.exports = config;

Сам конфиг работает, но вот webpack-dev-server при изменении stylus файлов не перезагружает, только если вручную в браузере обновлять вкладу, тогда все ок, файлы st.css собираются. Если менять js файлы то там webpack-dev-server срабатывает все ок. Файл stylus делаю import './app.styl'; в js файле. Для каждого компонента свой stylus файл. Хотелось что бы css менялся мгновенно, а не при перезагрузке вкладки вручную. Подскажите пожалуйста где ошибка, а то уже не могу понять.

Answer 1

[steemy_web]

После дня манипуляций, сделал по другому, убрал --hot

"scripts": {
    "start": "webpack-dev-server  --hot"
  },

и в конфиге установил hot-loader и теперь при изменении файлов все перезагружается, но так и не смог добиться замены без перезагрузки, придется пока так.

Comments

[Kunzut]

попробуй еще флаг --watch в конце скрипта