javascript 静态文件热重载

Question

我正在寻找最简单的模块来热重新加载静态文件夹及其所有内容。热重载是指浏览器重新加载页面。

我尝试了简单的自动重新加载服务器， 但无法运行它，并且配置对于我的用例来说似乎有点过度设计。

我最好的猜测是自己在节点中编写它，我不能成为第一个遇到这个问题的人。

我不想使用任何任务运行程序，例如 webpack、grunt 或 gulp。只是为了让它尽可能简单。

Answer 1

尝试five-server。超级棒！首先安装 Node.js，然后

• npm install five-server在你的项目中
• npx five-server ./它会自动打开一个浏览器选项卡，并且默认情况下会在文件更改时自动重新加载您的网络应用程序

另一种选择是BrowserSync，它提供了更多功能，但使用起来有点困难，并且某些命令似乎不太有效：

• npm install -g browser-sync

• 在控制台中运行browser-sync start --server --files "css/*.css"。您可以添加需要重新加载的任何其他文件，例如：--files "css/*.css,js/*.js,pages/*.html"

• 打开它提供的 url，它将重新加载 css 文件夹中任何 .css 文件中的更改。