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

【问题标题】：Structure of codebase to build for multiple platforms from one codebase in VuetifyJS/VueJS从 VuetifyJS/VueJS 中的一个代码库为多个平台构建的代码库结构
【发布时间】：2019-01-06 19:38:38
【问题描述】：

我想使用VuetifyJS/VueJS templates 构建一个Web 应用程序 (PWA)、Android 应用程序 (Cordova) 和 Desktop 应用程序（电子）来自一个代码库。构建主要代码库以轻松创建为每个平台构建的最佳方法是什么？

【问题讨论】：

标签： javascript cordova vue.js electron vuetify.js

【解决方案1】：

好吧，如果您使用 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 的事情。

【讨论】：