如何将 MEAN 应用程序与 Ionic 合并?
How can I merge a MEAN app with Ionic?
我想将 MEAN
应用程序的同一文件夹与 Ionic 一起使用。
我已经复制了我的前端文件夹并进行了一些更改以在其上使用 Ionic
。然后,测试并导出一个功能齐全的 Ionic apk。所以,现在我只想有一个前端文件夹,但我对此很困惑。
首先,我用ionic start APP_NAME blank
得到了一个空项目。从那以后,我插入了我的前端代码并对其进行了调整。
其次,查看Ionic的文件夹内容,能否删除lib
文件夹,只拯救ionic_bundle.js
?我知道 plataforms
和 plugins
在 .gitignore
上,所以它们不会转到我的存储库。
第三,关于合并,我完全不知道该怎么做。
这是我在 MEAN 存储库上的 文件夹结构,没有 gitignored 文件:
¬ models
¬ www
¬ partials
¬ app.js
¬ index.html
¬ routes
¬ server
¬ .gitignore
¬ package.json
¬ server.js
我希望我的 Ionic 项目文件夹能够放在一起,没有任何不兼容。
这是我在 Ionic 项目上的文件夹结构:
¬ hooks
¬ resources
¬ scss
¬ www
¬ partials
¬ app.js
¬ index.html
¬ .bowerrrc
¬ .editorconfig
¬ .gitignore
¬ bower.json
¬ config.xml
¬ gulpfile.js
¬ ionic.project
¬ package.json
第四,为了统一前端,我只需要合并www
和www
,但其他文件会怎样?我应该在根目录上创建一个名为 SERVER
和 IONIC
的文件夹来分隔它们吗?这行得通吗?只有一个不好吗package.json
还是这种做法只会带来更多的垃圾?
如何才能毫无问题地合并它们?
好吧,我已经尝试了 3 种方法:
首先,创建一个SERVER和IONIC文件夹
文件夹分离效果不是很好,因为public/www文件夹还在IONIC文件夹中,而SERVER需要访问。
这种方法的一个大问题是 package.json 文件。在测试机器上,可以只在 SERVER 和 IONIC 上使用 npm install。问题是,如果我需要在 Heroku 上托管或只执行一个 npm install,我将需要另一个 npm install
的安装后说明
第二,只有一个文件夹,合并了.gitignore和package.json
第二种方法很简单。相同的文件夹,仅此而已。像魅力一样工作,但会带来一些问题。托管代码将比需要的大很多,因为它将包含所有 Ionic 相关的东西。此外,Ionic 包应作为开发依赖项处理。还必须进行一些其他调整。
第三,两个分支,Node和Ionic。
第三种方法我没试过,不知道怎么做。所有 front-end/Ionic 工作都将在 Ionic 分支上完成,而 Node 分支将从它接收合并,但只接收一些文件和文件夹。例如,Node 分支将提供与 Ionic 分支相同的 www 文件夹,但不会包含特定的 Ionic 相关文件。
我想将 MEAN
应用程序的同一文件夹与 Ionic 一起使用。
我已经复制了我的前端文件夹并进行了一些更改以在其上使用 Ionic
。然后,测试并导出一个功能齐全的 Ionic apk。所以,现在我只想有一个前端文件夹,但我对此很困惑。
首先,我用ionic start APP_NAME blank
得到了一个空项目。从那以后,我插入了我的前端代码并对其进行了调整。
其次,查看Ionic的文件夹内容,能否删除lib
文件夹,只拯救ionic_bundle.js
?我知道 plataforms
和 plugins
在 .gitignore
上,所以它们不会转到我的存储库。
第三,关于合并,我完全不知道该怎么做。
这是我在 MEAN 存储库上的 文件夹结构,没有 gitignored 文件:
¬ models
¬ www
¬ partials
¬ app.js
¬ index.html
¬ routes
¬ server
¬ .gitignore
¬ package.json
¬ server.js
我希望我的 Ionic 项目文件夹能够放在一起,没有任何不兼容。
这是我在 Ionic 项目上的文件夹结构:
¬ hooks
¬ resources
¬ scss
¬ www
¬ partials
¬ app.js
¬ index.html
¬ .bowerrrc
¬ .editorconfig
¬ .gitignore
¬ bower.json
¬ config.xml
¬ gulpfile.js
¬ ionic.project
¬ package.json
第四,为了统一前端,我只需要合并www
和www
,但其他文件会怎样?我应该在根目录上创建一个名为 SERVER
和 IONIC
的文件夹来分隔它们吗?这行得通吗?只有一个不好吗package.json
还是这种做法只会带来更多的垃圾?
如何才能毫无问题地合并它们?
好吧,我已经尝试了 3 种方法:
首先,创建一个SERVER和IONIC文件夹
文件夹分离效果不是很好,因为public/www文件夹还在IONIC文件夹中,而SERVER需要访问。
这种方法的一个大问题是 package.json 文件。在测试机器上,可以只在 SERVER 和 IONIC 上使用 npm install。问题是,如果我需要在 Heroku 上托管或只执行一个 npm install,我将需要另一个 npm install
的安装后说明第二,只有一个文件夹,合并了.gitignore和package.json
第二种方法很简单。相同的文件夹,仅此而已。像魅力一样工作,但会带来一些问题。托管代码将比需要的大很多,因为它将包含所有 Ionic 相关的东西。此外,Ionic 包应作为开发依赖项处理。还必须进行一些其他调整。
第三,两个分支,Node和Ionic。
第三种方法我没试过,不知道怎么做。所有 front-end/Ionic 工作都将在 Ionic 分支上完成,而 Node 分支将从它接收合并,但只接收一些文件和文件夹。例如,Node 分支将提供与 Ionic 分支相同的 www 文件夹,但不会包含特定的 Ionic 相关文件。