如何创建 Ionic2 自定义构建过程？

Question

作为一个学校项目，我正在制作一个多平台应用程序。我决定使用 JavaScript。我认为拥有 Ionic2 的 MVVM 模式会很棒，其中 VM 是 Ionic 的 Angular2 部分，我将有两个视图。一种用于移动设备（Ionic 的 html/css 部分），一种用于桌面设备。我有一个问题。在一个基本的 Ionic 项目中，View 和 Angular 部分是紧密耦合的，我的意思是它们在同一个目录中，不能轻易更改 HTML。

我认为很棒的（尽管欢迎其他解决方案）是拥有一个“离子”文件夹和一个“桌面”文件夹，它们的结构相同，文件名相同。 使用 Ionic 构建移动应用程序时，我希望将 src 文件夹中的所有文件复制到 dist/ 文件夹，并将 src/ionic 中的 html、css 文件复制到它们的位置，就像在普通 ionic 项目中一样（唯一的区别是它将位于 dist/ 文件夹而不是 src/ 下，因此我必须使 www/index.html 也包含这些内容，而不是通常在 src/ 中包含的内容）。 在为桌面构建时，我只是以相同的方式复制所有内容，但从 src/desktop 而不是 src/ionic 复制。

这样我就可以在“普通”Angular2 中使用我的业务逻辑，并且可以重复使用为桌面和移动设备创建应用程序。

所以我的问题是我可以以某种方式修改 Ionic 构建过程以允许我这样做吗？我可以创建自己的 gulp 或 grunt 文件吗？还是网络包？该怎么做？

Answer 1

最后我编写了自己的 gulp 文件，将文件复制到 src/.tmp/ 并在复制任务准备好后调用 ionic 用于服务的原始脚本，构建项目。我可以用这种方法解决所有问题。

on serve 任务 gulp 监视 src/ 文件（不包括 src/.tmp）的更改，并将更改的文件复制到 src/.tmp 文件夹。每次发生变化时，它都会被 ionic 监视并重建。

我很幸运，因为 ionic 是建立在 angular 之上的，所以 ionic 使用的构建器工具集 100% 兼容普通 angular 项目。