SASS/CSS热重新加载不适用于Webpack 3

显然，Webpack正在正确地监视更改和重建模块，因为当我刷新页面时，任何样式更改都会生效。但是没有刷新，消息只是说

应用程序热更新。

但是样式没有改变

这是我的配置；请注意，我们使用的是SASS，并且仅在生产版本中使用ExtractTextPlugin。（为了简单起见，我编辑了我们的生产配置）

---

热重新加载通常不起作用，因为它试图加载某些内容。Hot-reload.json

如果它不能得到它，那么它将404和热重新加载将无法工作。在这里，您需要修复webpack请求的路径

---

如果它没有请求文件，那么您的配置有问题。

热重新加载通常不起作用，因为它试图加载某物。Hot-reload.json

如果它不能得到它，那么它将404和热重新加载将无法工作。在这里，您需要修复webpack请求的路径

如果它没有请求文件，那么您的配置有问题

module.exports = function(env: {production:boolean}) {

return {
  context: __dirname, // to automatically find tsconfig.json
  resolve: {
    alias: {
      moment: 'moment/moment.js',
    },
    extensions: ['.scss', '.ts', '.js']
  },

  plugins: [
     new webpack.ContextReplacementPlugin(
        /@angular/,
        path.resolve(__dirname, '../src')
        ),
        new CopyWebpackPlugin([
           { from: 'src/static' }
        ]),
        new webpack.HotModuleReplacementPlugin({
        multiStep: true
        }),
        new HappyPack({
              id: 'ts',
              threads: 2,
              loaders: [
                 {
                    path: 'ts-loader',
                    query: { happyPackMode: true }
                 }
              ]
        }),
        new ForkTsCheckerWebpackPlugin()   
  ]

  entry: ['./src/app/main.ts'],
  output: {
    path: path.resolve(__dirname + "/public/"),
    filename: "bundle.js"
  },

  devtool: 'source-map',

  devServer: {

    historyApiFallback: true,
    hot: true,
    inline: false,
    progress: true,
    port: 3000,
    contentBase: 'public',
    proxy: {
      '*': {
        target: 'http://localhost:9657/',
        secure: false
        }
     }
  },

  module: {
    rules: [
        {
        test: /\.svg/,
        loader: 'svg-url-loader',
        options: {}
        },
        {
        test: /\.json$/,
        use: 'json-loader'
        },
        {
        test: /\.js$/,
        exclude: /node_modules/,
        loader: 'babel-loader'
        },
        {
        test: /\.ts$/,
        exclude: /node_modules/,
        loader: 'ts-loader'
        },
        test: /\.scss$/,
        exclude: /node_modules/,
        loader: 'style-loader!css-loader?sourceMap!sass-loader?sourceMap&sourceComments'
        } 
    ]
  }
}