Android Phonegap和React应用程序的网页包配置?
我正在使用Phonegap构建这个android/iOS应用程序,它将基于React(而非React Native)构建。我根据自己的需要配置了网页包,当我运行npm run build时,手机中的android应用程序查看器会正确呈现应用程序。但问题是,如果我更改了webpack提供的www文件夹中的任何文件,Phonegap服务器会接收更改,但android viewer不会重新呈现视图 我如何简化使用webpack的整个过程,以便Phonegap手机应用程序可以拾取webpack提供的内容,或者webpack会在运行时吐出www文件夹中的文件,Phonegap服务器将拾取这些文件并在其自己的服务器或Phonegap android应用程序中呈现视图 这是我的文件夹结构- Phonegap正在从www向我的安卓手机提供文件服务。但是当我手动更改那里的任何文件时,Phonegap会拾取更改,但页面不会在手机上重新呈现。Android Phonegap和React应用程序的网页包配置?,android,reactjs,cordova,webpack,phonegap,Android,Reactjs,Cordova,Webpack,Phonegap,我正在使用Phonegap构建这个android/iOS应用程序,它将基于React(而非React Native)构建。我根据自己的需要配置了网页包,当我运行npm run build时,手机中的android应用程序查看器会正确呈现应用程序。但问题是,如果我更改了webpack提供的www文件夹中的任何文件,Phonegap服务器会接收更改,但android viewer不会重新呈现视图 我如何简化使用webpack的整个过程,以便Phonegap手机应用程序可以拾取webpack提供的内容
同时,当我使用新更改保存src中的文件时,如何配置webpack以动态更改生成文件夹“www”?为了让Phonegap获取更改并重新提交?在网页包配置文件中,将输出目标设置为您的
www
文件夹。以下是我如何使其工作的示例:
entry: './src/index',
output: {
path: path.resolve(__dirname, 'www'),
filename: '[name].bundle.js',
hotUpdateChunkFilename: 'hot/hot-update.js',
hotUpdateMainFilename: 'hot/hot-update.json',
},
因此,您的捆绑.js
文件将插入www/
或www/js/
或您需要的任何位置,并且phonegap-service
将接收更改
我还使用了webpack dev server
和write file webpack plugin
,因此前者实际上会写入main.bundle.js
文件,但我遇到了一些问题,即热替换发生得太慢,phonegap正在拾取临时插入然后删除的热文件,phonegap服务崩溃了,因为最终没有找到这些临时文件。正在尝试webpack-w