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

Question

是否有关于如何从头开始创建 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. 这是一个工作项目的示例，其中包含您可以看到所有内容的代码:正确的应用程序初始化、出色的结构、使用商店和异步网络服务...

如果有人知道在哪里可以找到这个或者可以创建这个指南，请去做!

Answer 1

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

Here is the repo

这不是指南而是示例，但它应该对您有很大帮助(我希望)