时间戳

首页 > 解决方案 > 从 VuetifyJS/VueJS 中的一个代码库为多个平台构建的代码库结构

javascript - 从 VuetifyJS/VueJS 中的一个代码库为多个平台构建的代码库结构

问题描述

我想使用VuetifyJS/VueJS 模板从一个代码库构建Web应用程序 (PWA)、Android应用程序 (Cordova) 和桌面应用程序 (Electron)。构建主要代码库以轻松创建为每个平台构建的最佳方法是什么？

标签： javascriptcordovavue.jselectronvuetify.js

解决方案

好吧，如果你使用 Cordova，你应该将你的构建文件放在 dist 文件夹中，就像你习惯的那样。然后我执行以下操作：

在您的项目中安装 Cordova 后初始化

cordova create mobile com.f1lt3r."${PWD##*/}"
cd mobile

让我们添加Android平台

cordova platform add android

这将创建一个包含 Cordova 项目的移动文件夹。接下来，创建一个从项目构建文件到 Cordova Web 根目录的符号链接。

cd ..
rm -rf mobile/www/*
ln -s $(pwd)/dist/* $(pwd)/mobile/www

现在，对于 Electron，您可以查看 SimulatedGREG/electron-vue 的配置文件，我对此不太熟悉，但我认为可以做类似 Cordova 的事情。

推荐阅读