Javascript 网页包重新加载样式而不刷新页面

我使用webpack和livereload插件，但当我改变一些样式时，页面会刷新，但我不想要它

当我使用gulp时，我会更改样式中的任何内容并保存它，然后在不刷新页面的情况下重新加载css

为什么不在网页上大口大口地工作呢

代码如下

webpack.config.js

package.json

我使用“npmrundev”命令。

---

问题出在哪里？

像这样试试，它会起作用的

{
   test: /\.(s*)css$/,
   loader: ExtractTextPlugin.extract(['style-loader', 'css-loader', "sass-loader"])
}

---

如果您共享package.json，将有助于其他人解决此问题。

ExtractTextPlugin遗憾的是，它不支持热模块更换

从页面插件说明：

无需更换热模块

你需要做的是在生产中使用插件

rules: [
  ...
  {
    test: /\.scss$/,
    use: process.env.NODE_ENV === 'production' ?
      ExtractTextPlugin.extract([
        "css-loader", "sass-loader", "postcss-loader"
      ]) : [
        { loader: "style-loader" },
        { loader: "css-loader" },
        { loader: "sass-loader" },
        { loader: "postcss-loader" }
      ]
  }
]

---

我试试看。全部共享package.json？好的。我假设您安装了我提到的依赖项。我会尝试让您知道。我的第一个猜测是您缺少一些配置，我与几个月前的情况相同。你可以看看它是如何工作的（仔细查看配置文件夹）。我检查了它，但这次对我来说非常复杂，因为我是新手，所以抱歉，别担心这是我的错。我有一个更简单的例子。也许你现在是新手，但过一段时间你就会很好地帮助别人。正如我不久前告诉你的，我和你的观点一样，继续前进。非常感谢你的鼓励。我正在努力工作，我会很快学会并帮助像你这样的人。：）您可能想看看，您可以在prod模式下使用常规提取文本，在dev模式下使用热重新加载文本。我想问题就在这里。在所有给定示例中都使用了dev server和dev server热重载。我说得对吗？

{
   test: /\.(s*)css$/,
   loader: ExtractTextPlugin.extract(['style-loader', 'css-loader', "sass-loader"])
}

rules: [
  ...
  {
    test: /\.scss$/,
    use: process.env.NODE_ENV === 'production' ?
      ExtractTextPlugin.extract([
        "css-loader", "sass-loader", "postcss-loader"
      ]) : [
        { loader: "style-loader" },
        { loader: "css-loader" },
        { loader: "sass-loader" },
        { loader: "postcss-loader" }
      ]
  }
]