Phonegap和React应用程序的Webpack配置?

问题描述 投票:2回答:1

我正在使用Phonegap构建这个android / iOS应用程序,它将构建在React(而不是React Native)上。我根据自己的需要配置了webpack,当我运行npm run build时,手机中的android app viewer正确呈现了应用程序。但问题是,如果我更改webpack给出的www文件夹中的任何文件,Phonegap服务器会获取更改,但在android查看器中不会重新呈现视图。

任何想法如何使用webpack简化整个过程,以便可以通过Phonegap手机应用程序获取webpack服务内容,或者webpack将动态吐出www文件夹中的文件,Phonegap服务器将拾取并呈现视图在它自己的服务器或Phonegap Android应用程序?

这是我的文件夹结构 -

folder structure

Phonegap正在从www到我的Android手机提供文件。但是当我手动更改任何文件时,Phonegap会选择更改,但页面不会在手机上重新呈现。

同时,当我从src保存文件并进行新的更改时,如何配置webpack来动态更改构建文件夹“www”?那么Phonegap会接受更改和重新审核吗?

android reactjs cordova webpack phonegap
1个回答
1
投票

在webpack配置文件中,将输出目标设置为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 serve将接收更改。

我还使用了webpack-dev-serverwrite-file-webpack-plugin所以前者实际上会写入main.bundle.js文件,但我遇到了一些问题,其中热替换发生得太慢,phonegap正在拾取暂时插入然后被删除的热文件,而phonegap服务器崩溃了,因为最终找不到那些临时文件。现在尝试webpack -w

© www.soinside.com 2019 - 2024. All rights reserved.