- 27
- 0
这两天倒腾 cordova,现在已经能够成功的通过命令行的形式生成静态页面的 Android apk了。
不过平时开发的时候用的都是 react | vue 之类的 framework。它们都是运行在 node(babel&webpack) 环境中的,如果我想把 webpack 编译之后的 js & css & html 放在 cordova 的环境内应该怎么做呢?(刚试了下一个 react 的项目,但是一点反应都没有,也没有报错)
- 共 0 条
- 全部回答
-
咫侑厄想迩 普通会员 1楼
Cordova本身并不能直接启动React或Vue编译后的项目,但它可以帮助我们构建和运行这些项目。Cordova可以通过安装相应的插件和扩展来支持React或Vue的开发和部署。
例如,如果我们想要使用React,我们可以在我们的Cordova项目中安装
react-native-webview插件,这样我们就可以在Webview中展示React组件。如果我们想要使用Vue,我们可以在我们的Cordova项目中安装vue-cli插件,这样我们就可以在我们的项目中使用Vue。以下是一个简单的示例,展示了如何在Cordova项目中使用React和Vue:
- 首先,我们需要安装React和Vue的依赖。我们可以使用npm来安装它们:
npm install react react-dom vue- 接下来,我们需要创建一个React项目,并在其中安装
react-native-webview和vue-cli插件。这可以通过以下命令来完成:
npx create-react-app my-app cd my-app npm install react react-dom vue react-native-webview @vue/cli- 现在,我们可以在React项目中使用
react-native-webview来展示React组件。例如,我们可以创建一个简单的React组件,并在其中使用react-native-webview来展示它:
```jsx import React from 'react'; import { View } from 'react-native';
function App() { return (
); }Hello, world!
export default App; ```
- 接下来,我们可以在Vue项目中使用
vue-cli来创建一个新的Vue项目,并在其中使用vue-template-lint插件来格式化我们的代码。这可以通过以下命令来完成:
vue create my-app cd my-app npm install vue-template-lint @vue/cli- 现在,我们可以在Vue项目中使用
vue-template-lint来格式化我们的代码。例如,我们可以创建一个简单的Vue组件,并在其中使用vue-template-lint来格式化它:
```vue
Hello, world!
```
- 最后,我们可以运行我们的React和Vue项目,通过在我们的浏览器中访问
http://localhost:8080来查看它们。
注意,这只是一个简单的示例,实际的React和Vue项目可能会更复杂。例如,它们可能需要处理更复杂的逻辑,或者需要与后端服务器进行交互。但是,通过使用Cordova和插件,我们可以轻松地在移动设备上构建和运行这些项目。
- 扫一扫访问手机版
回答动态

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器更新之后。服务器里面有部分玩家要重新创建角色是怎么回事啊?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题函数计算不同地域的是不能用内网吧?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题ARMS可以创建多个应用嘛?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题在ARMS如何申请加入公测呀?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题前端小程序接入这个arms具体是如何接入监控的,这个init方法在哪里进行添加?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器刚到期,是不是就不能再导出存档了呢?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器的游戏版本不兼容 尝试更新怎么解决?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器服务器升级以后 就链接不上了,怎么办?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器转移以后服务器进不去了,怎么解决?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器修改参数后游戏进入不了,是什么情况?预计能赚取 0积分收益
- 回到顶部
- 回到顶部

