Почему не происходит перезагрузки после изменения sass в webpack?

Question

[Игорь Мясников]

Доброго времени суток.

При изменении style.sass не происходит автоматической перезагрузки страницы.
Если запустить заново то все отрабатывает и без ошибок

const path = require('path');
const CleanWebpackPlugin = require('clean-webpack-plugin');
const HtmlWebpackPlugin = require('html-webpack-plugin');
const webpack = require('webpack');
const ExtractTextPlugin = require("extract-text-webpack-plugin");
//const BundleAnalyzerPlugin = require('webpack-bundle-analyzer').BundleAnalyzerPlugin;

module.exports = {
	entry  : {
		app: './src/index.js',
		another: './src/anotherMOdule.js'
	},
	output : {
		filename: '[name].bundle.js',
		chunkFilename: '[name].bundle.js',
		path    : path.resolve (__dirname, 'dist')
	},
 	plugins: [
 		new CleanWebpackPlugin (['dist/*.*']),
 		new HtmlWebpackPlugin ({
 			title: 'Output Management'
 		}),
	     new webpack.optimize.CommonsChunkPlugin({
	       name: 'common' // Specify the common bundle's name.
	   }),
 		new webpack.HotModuleReplacementPlugin(),
		new ExtractTextPlugin("styles.css"),
		// new BundleAnalyzerPlugin()
 	],
	module : {
		rules: [
			{
				test: /\.sass$/,
				use: ExtractTextPlugin.extract({
		          fallback: "style-loader",
		          use: ['css-loader', 'sass-loader']
		        })
			},
			{
				test: /\.(woff|woff2|eot|ttf|otf)$/,
				use : [
					'file-loader'
				]
			},
			{
				test: /\.(png|jpg|svg|gif)$/,
				use : [
					'file-loader'<code lang="javascript">
				]
			}
		]
	}
};
Использую dev-server: 
"start": "webpack-dev-server --open --config webpack.dev.js"

Answer 1

[Максим]

1) зачем вам extractTextPlugin в develop режиме? Если незачем, то замените это на scss и style loader'ы, например так:

{
        test: /\.scss$/,
        use: [
          'style-loader',
          'css-loader',
          'sass-loader',
        ],
        include: path.join(__dirname, 'src'), // ваша директория тут
      },

2) добавьте --hot у запуска сервера:

webpack-dev-server --open --hot --config webpack.dev.js

3) если все же нужны extracted - почитайте эту тему (много решений).