什么是 mimosa-server-reload？
mimosa-server-reload 是一个 npm 包，可以在开发时自动监听文件的变化，并且实现浏览器自动刷新。这个功能是开发过程中非常实用的，因为它可以让开发者立即看到代码变化的效果，加快开发速度。
安装 mimosa-server-reload
安装 mimosa-server-reload，你可以使用 npm 命令：
npm install -g mimosa-server-reload
使用 mimosa-server-reload
使用 mimosa-server-reload 非常简单。首先，在你的工程目录下创建 mimosa 配置文件 mimosa-config.js，然后加入 mimosa-server-reload 插件：
-- -------------------- ---- -------
-------------- - -
-------- -
---------
----------------------
--
------- -
----- ----
-
--在命令行输入以下命令：
mimosa watch --server
现在你的开发服务器会在 3000 端口上启动，你可以在浏览器中打开 http://localhost:3000 查看你的应用。现在，任何文件修改都会导致浏览器自动刷新。
模块热替换（Hot Module Replacement）
模块热替换是自动刷新的一个高级版本。模块热替换使你可以在不刷新整个页面的情况下替换模块。这使得开发者可以在不丢失状态或不必要的页面跳转的情况下体验到代码变化的效果。此时，我们需要修改 mimosa-config.js 配置文件，在 mimosa-server-reload 配置中加入以下代码：
mimosaServerReload: {
default:{
useFastButIncompleteWatch: true,
extraArgs: ["--hot"]
}
}现在，我们的应用会在修改模块时自动进行热替换。
总结
mimosa-server-reload 是一个非常实用的 npm 包，可以让开发者在开发过程中迅速地看到代码变化的效果，加快开发速度。使用 mimosa-server-reload 非常简单，在你的工程目录下创建 mimosa 配置文件 mimosa-config.js，并在配置文件中添加 mimosa-server-reload 插件。如果需要使用模块热替换，只需要在配置文件中添加一些参数即可。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60066f471d8e776d08041048