sass - Webpack 和 SASS 热重载

Question

我正在制作一个简单的 html 和 CSS 应用程序。我需要更改我的 SASS 以显示在我正在开发的 LIVE 网站上。

一旦所有的 SASS 和开发完成，我将运行webpack -bwebpack 并将 SASS 转换为 CSS。

我敢肯定以前有人这样做过。谢谢。

Answer 1

看起来问题源于output.publicPathwebpack.config.js 文件中的错误配置。为了让 live-reload 工作，发送到 webpack 包（例如 app.css、app.js）的请求应该由 webpack-dev-server 处理。对于您所指的存储库，这可以通过设置output.publicPath为"/build".

更改配置文件后在命令行上运行webpack-dev-server --inline，然后转到http://localhost:8080. 现在，每次更改和保存文件时页面都应该重新加载。