Webpack重新编译CSS但未同步更新问题求助（webpack 4.1.1）

嘿，我之前也碰到过一模一样的问题！你这个情况的核心原因是MiniCssExtractPlugin在开发环境下的局限性——这个插件的设计初衷是在生产环境把CSS提取成单独的文件，但它并不支持开发模式下的热模块替换（HMR），所以哪怕Webpack已经重新编译了CSS，浏览器也没法自动同步更新样式。

给你几个具体的解决步骤：

• 开发环境替换为style-loader
  把webpack.dev.js里的MiniCssExtractPlugin.loader换成style-loader，因为style-loader能把编译后的CSS注入到DOM的