如何使 Cordova 应用程序实时重新加载？特别是由 webpack 构建并在设备或模拟器中运行

Question

我是新使用 cordova。我知道实时重新加载 cordova 应用程序的一种方法是使用插件“cordova-plugin-browsersync”。但是我的应用程序是由 webpack 构建的，现在我想在浏览器中实时重新加载，我必须运行 '首先运行“cordova run browser -- --live-reload”。我可以更轻松地实现实时重新加载功能并在模拟器中调试实时重新加载吗？

Answer 1

我刚刚遇到了同样的问题，但尚未找到现成的解决方案，因此以下是我所做的以及解决该问题的计划的进一步步骤。

我已经下载了cordova-plugin-browsersync

cordova plugin add cordova-plugin-browsersync不起作用，所以我手动将其复制到插件文件夹，更新了cordova的package.json并从cordova-plugin-browsersync文件夹安装了插件的节点模块。

之后，如果 www 文件夹中发生任何修改，该应用程序似乎更新得相当快。

现在必须解决如何从 webpack-dev-server 输出中间包文件，默认情况下它不这样做。我找到了write-file-webpack-plugin，但它没有将所有文件输出到构建文件夹，因此可能无法很好地实现此目的。

所以我的计划是

1. 创建一个webpack.config.cordova.js代码压缩关闭的文件
2. 设置任何监视 src 文件夹并调用 node.js 脚本的应用程序
3. 哪个脚本以编程方式使用该 webpack 配置进行编译，输出到 cordova 的 www/