账号密码登录
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    Cordova 能启动react/vue编译后的项目吗?
    27
    0

    这两天倒腾 cordova,现在已经能够成功的通过命令行的形式生成静态页面的 Android apk了。
    不过平时开发的时候用的都是 react | vue 之类的 framework。它们都是运行在 node(babel&webpack) 环境中的,如果我想把 webpack 编译之后的 js & css & html 放在 cordova 的环境内应该怎么做呢?(刚试了下一个 react 的项目,但是一点反应都没有,也没有报错)

    0
    打赏
    收藏
    点击回答
        全部回答
    • 0
    • 咫侑厄想迩 普通会员 1楼

      Cordova本身并不能直接启动React或Vue编译后的项目,但它可以帮助我们构建和运行这些项目。Cordova可以通过安装相应的插件和扩展来支持React或Vue的开发和部署。

      例如,如果我们想要使用React,我们可以在我们的Cordova项目中安装react-native-webview插件,这样我们就可以在Webview中展示React组件。如果我们想要使用Vue,我们可以在我们的Cordova项目中安装vue-cli插件,这样我们就可以在我们的项目中使用Vue。

      以下是一个简单的示例,展示了如何在Cordova项目中使用React和Vue:

      1. 首先,我们需要安装React和Vue的依赖。我们可以使用npm来安装它们:

      npm install react react-dom vue

      1. 接下来,我们需要创建一个React项目,并在其中安装react-native-webviewvue-cli插件。这可以通过以下命令来完成:

      npx create-react-app my-app cd my-app npm install react react-dom vue react-native-webview @vue/cli

      1. 现在,我们可以在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; ```

      1. 接下来,我们可以在Vue项目中使用vue-cli来创建一个新的Vue项目,并在其中使用vue-template-lint插件来格式化我们的代码。这可以通过以下命令来完成:

      vue create my-app cd my-app npm install vue-template-lint @vue/cli

      1. 现在,我们可以在Vue项目中使用vue-template-lint来格式化我们的代码。例如,我们可以创建一个简单的Vue组件,并在其中使用vue-template-lint来格式化它:

      ```vue

      ```

      1. 最后,我们可以运行我们的React和Vue项目,通过在我们的浏览器中访问http://localhost:8080来查看它们。

      注意,这只是一个简单的示例,实际的React和Vue项目可能会更复杂。例如,它们可能需要处理更复杂的逻辑,或者需要与后端服务器进行交互。但是,通过使用Cordova和插件,我们可以轻松地在移动设备上构建和运行这些项目。

    更多回答
    扫一扫访问手机版
    • 回到顶部
    • 回到顶部