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

标签 cordova reactjs webpack babeljs 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. 这是一个工作项目的示例,其中包含您可以看到所有内容的代码:正确的应用程序初始化、出色的结构、使用商店和异步网络服务...

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

最佳答案

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

Here is the repo

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

关于cordova - 使用 Cordova + Onsen + React 进行初始项目设置的分步指南,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42854213/

相关文章:

javascript - 如何在 React 中使用 ALERTIFY JS?

html - webpack4 不会编译所有的 html 文件?

ios - 将 Invitable 好友与 phonegap facebook 插件一起使用

javascript - ionic 闪屏延迟不起作用

javascript - 意外的 token PropTypes

javascript - Webpack:意外的 token 导入

javascript - jQuery UI $(...).sortable 不是 WebPack 的函数

javascript - ionic 混合移动应用程序获取设备位置

android - 是否可以仅在带有 cordova 的手机上以纵向模式锁定 android 应用程序?

javascript - 从远程组件传递数据