离子中的静态内容页面需要时间在移动设备上首次加载

Question

我的静态页面在html页面中包含超过300行文本。

    <ion-content> 
      <p text-warp>
        //my text with
      </p> 
    </ion-content>

在我的浏览器中，我可以立即导航到我的静态页面，但在第一次构建到我的手机后，需要花费大量时间才能导航到该页面。

我用3手机测试过这个结果。

我正在使用ionic cordova build android

可能导致问题的成本

ionic info

的输出

全球套餐：

@ionic/cli-utils : 1.5.0
Cordova CLI      : 7.0.1
Ionic CLI        : 3.5.0

本地包裹：

@ionic/app-scripts              : 1.3.8
@ionic/cli-plugin-cordova       : 1.4.1
@ionic/cli-plugin-ionic-angular : 1.3.2
Cordova Platforms               : android 6.2.3 ios 4.4.0
Ionic Framework                 : ionic-angular 3.4.2

系统：

Node       : v6.11.1
OS         : macOS Sierra
Xcode      : Xcode 8.3.2 Build version 8E2002
ios-deploy : not installed
ios-sim    : not installed
npm        : 3.10.10

Answer 1

您需要在CLI命令中使用--prod选项。它标记为production版本。

  

离子cordova运行android --prod

使用上述命令后，将优化构建

以下是ionic cordova run Options

  

- prod触发Ionic的生产版本，然后将其放入您选择的Cordova容器中（android或ios）。

ionic-app-scripts内可以使用这些任务：

Reference: