如何使用webpack观察和更新更改？

Question

我正在学习metaljs并尝试设置开发环境。我正在关注getting-started JSX部分。我在我的开发环境中设置localhost服务器时遇到问题，我在进行更改时会更新。这个应用程序使用webpack。

让我详细说明一下我的情况：

在src / Modal.js上，我有：

<div class="my-modal">
    <h2>Hello World!</h2>
    <p>Test 123</p>
</div>

我查看它的样子的方式是，我目前正在谷歌浏览器上运行index.html（不运行任何服务器） - 我也开启webpack --watch来编译文件的任何更改：

file:///Users/iggy/path/to/index.html

当我将内容从123更改为456. Webpack --watch会自动检测到它。我刷新Chrome，瞧！它改变了：

一切都很棒，但我希望在服务器上运行它。我理想的环境就像当我跑create-react-app - ＆gt; npm run start（react-scripts start）。简而言之，理想的环境是在本地主机服务器上运行它，每当我对我的文件进行任何编辑时，webpack都会重新编译，当我刷新时，它会更新。但是，我无法想出实现它的好方法。

我在运行http-server -p 4000时尝试使用webpack --watch，但是当我更新文件时，刷新localhost：4000时它不会更新。

有没有办法设置我的开发环境在localhost服务器上运行我的metaljs应用程序，监视更新，并允许我刷新以查看更新？

可以找到回购here

Answer 1

使用webpack-dev-server的热模块替换应该自动刷新 阅读本https://webpack.js.org/guides/hot-module-replacement/

欢呼声