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

Godzsa

作为一个学校项目,我正在制作一个多平台应用程序。我决定使用JavaScript。我认为最好在Ionic2中使用MVVM模式,其中VM是Ionic的Angular2部分,我将拥有两个视图。一个用于移动设备(Ionic的html / css部分),另一个用于桌面电子设备。我有一个问题。在基本的Ionic项目中,“视图”和“角度”部分紧密耦合,我的意思是它们位于同一目录中,无法轻松更改HTML。

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

这样,我可以将我的业务逻辑包含在“普通的” Angular2中,并且可以重复使用,从而为台式机和移动设备创建应用程序。

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

Godzsa

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

在服务任务中,gulp监视src /文件(不包括src / .tmp)中的更改,并将更改的文件复制到src / .tmp文件夹中。离子观察并在每次发生变化时对其进行重建。

我很幸运,因为ionic建立在有角的顶部,所以ionic使用的构建器工具集与普通的有角项目100%兼容。

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

如何使用ionic2框架创建或自定义Toast视图

来自分类Dev

ionic2 - 如何自定义按钮大小

来自分类Dev

IONIC2使用Firebase构建自定义音频流应用程序

来自分类Dev

如何在ionic2中添加新的自定义字体图标

来自分类Dev

在Ionic 2中,如何创建使用Ionic组件的自定义指令?

来自分类Dev

自定义构建过程加载错误

来自分类Dev

扩展http类用于自定义用法ionic2 / Angular2导致错误

来自分类Dev

Ionic 4标签:如何创建自定义标签

来自分类Dev

Ionic2自定义组件中的参数未显示

来自分类Dev

找不到自定义的ionic2组件

来自分类Dev

如何自定义numpy重塑过程?

来自分类Dev

在构建过程后始终执行自定义 MSBuild 任务

来自分类Dev

Cordova(Ionic2)自定义插件:使用cordova.exec()successHandler管理Angular2新的Promise()

来自分类Dev

symfony 2创建自定义表单如何获取表单自定义元素?

来自分类Dev

如何自定义构建Debian的busybox?

来自分类Dev

如何构建自定义 UITabBar?

来自分类Dev

React - 如何构建自定义钩子?

来自分类Dev

Ionic 2 DatePicker自定义

来自分类Dev

创建过程中的openssl自定义属性

来自分类Dev

如何在QTCreator中创建自定义构建规则以生成代码?

来自分类Dev

如何在团队服务中创建自定义构建环境?

来自分类Dev

如何强制 Qt Visual Studio 插件更新自定义构建步骤以创建 MOC 文件

来自分类Dev

在构建过程中如何使用自定义自动生成工具修改源文件“ file.cs”?

来自分类Dev

VSTS 或 TFS 构建过程是否支持构建的自定义触发器?

来自分类Dev

如何创建自定义形状-CSS

来自分类Dev

如何创建自己的自定义地图

来自分类Dev

如何创建自定义整理器?

来自分类Dev

如何创建自定义SKAction?

来自分类Dev

Jetty如何创建自定义WebSocket

Related 相关文章

  1. 1

    如何使用ionic2框架创建或自定义Toast视图

  2. 2

    ionic2 - 如何自定义按钮大小

  3. 3

    IONIC2使用Firebase构建自定义音频流应用程序

  4. 4

    如何在ionic2中添加新的自定义字体图标

  5. 5

    在Ionic 2中,如何创建使用Ionic组件的自定义指令?

  6. 6

    自定义构建过程加载错误

  7. 7

    扩展http类用于自定义用法ionic2 / Angular2导致错误

  8. 8

    Ionic 4标签:如何创建自定义标签

  9. 9

    Ionic2自定义组件中的参数未显示

  10. 10

    找不到自定义的ionic2组件

  11. 11

    如何自定义numpy重塑过程?

  12. 12

    在构建过程后始终执行自定义 MSBuild 任务

  13. 13

    Cordova(Ionic2)自定义插件:使用cordova.exec()successHandler管理Angular2新的Promise()

  14. 14

    symfony 2创建自定义表单如何获取表单自定义元素?

  15. 15

    如何自定义构建Debian的busybox?

  16. 16

    如何构建自定义 UITabBar?

  17. 17

    React - 如何构建自定义钩子?

  18. 18

    Ionic 2 DatePicker自定义

  19. 19

    创建过程中的openssl自定义属性

  20. 20

    如何在QTCreator中创建自定义构建规则以生成代码?

  21. 21

    如何在团队服务中创建自定义构建环境?

  22. 22

    如何强制 Qt Visual Studio 插件更新自定义构建步骤以创建 MOC 文件

  23. 23

    在构建过程中如何使用自定义自动生成工具修改源文件“ file.cs”?

  24. 24

    VSTS 或 TFS 构建过程是否支持构建的自定义触发器?

  25. 25

    如何创建自定义形状-CSS

  26. 26

    如何创建自己的自定义地图

  27. 27

    如何创建自定义整理器?

  28. 28

    如何创建自定义SKAction?

  29. 29

    Jetty如何创建自定义WebSocket

热门标签

归档