使用Cordova + Onsen + React进行初始项目设置的分步指南

时间:2017-03-17 09:51:16

标签: cordova reactjs webpack babel monaca

如何从零开始创建Onsen UI 2 + React + Redux + Cordova应用程序是否有一个很好的分步指南?

有很多指南,但几乎没有人告诉我们最初的项目设置:要安装的npm软件包以及如何安装。如何创建项目,如何构建项目,css在哪里,逻辑在哪里等等。

在上周,我阅读了很多关于Onsen和React的文章和教程。但我仍然没有清楚地了解这些事情在一个真实的项目中是如何协同工作的。我缺乏基础知识。

像一个小步骤指南:

  1. 使用npm并安装以下包...
  2. 这个包执行此操作,您必须像那样配置它......
  3. 创建一个将使用Cordova + Onsen + React + Redux的项目,并将使用Babel和WebPack,你必须使用这个和...并在以下文件中进行以下配置...
  4. 好的,你已经创建了项目!太好了!现在这里是使用cordova初始化应用程序的正确方法...(因为我不明白我如何初始化它...我应该使用Cordova onDeviceReady?还是ons.onReady?还是其他什么?)
  5. 你必须按照这样的方式构建项目...因为它带来了以下好处......
  6. 有几个额外的库可以帮助您,让您的生活更轻松......
  7. 这是一个带代码的工作项目示例,您可以在其中看到所有内容:正确的应用初始化,精彩的结构,使用商店和异步Web服务......
  8. 如果有人知道在哪里找到这个或者可以创建本指南,请执行此操作!

1 个答案:

答案 0 :(得分:0)

我使用React + Onsen UI + Redux + Webpack 2的基本设置创建了一个repo。您可以使用或不使用Cordova,只需键入npm run即可查看可用的命令。如果您对Webpack有所了解,那么理解配置应该很简单。

Here is the repo

它不是指南,而是一个例子,但它应该对你有所帮助(我希望)