ci(azure): divide build steps into smaller ones

- fix 15 min timeout

.github/workflows/azure-static-web-apps-polite-plant-0e8492703.yml

@@ -18,7 +18,11 @@ jobs:
       - uses: actions/checkout@v2
         with:
           submodules: true
-      - name: Build And Deploy
+      - name: Install Dependencies
+        run: npm install
+      - name: Generate Optimized Images
+        run: npm run generate:images
+      - name: Deploy
         id: builddeploy
         uses: Azure/[email protected]
         with:
@@ -27,7 +31,7 @@ jobs:
           action: 'upload'
           ###### Repository/Build Configurations - These values can be configured to match you app requirements. ######
           # For more information regarding Static Web App workflow configurations, please visit: https://aka.ms/swaworkflowconfig
-          app_build_command: 'npm run ionic:build' # Defines a custom command to run during deployment of the static content application.
+          app_build_command: 'npm run build:ionic:browser' # Defines a custom command to run during deployment of the static content application.
           app_location: '/' # App source code path
           api_location: 'api' # Api source code path - optional
           output_location: 'build' # Built app content directory - optional

package.json

@@ -15,10 +15,9 @@
     "generate:resources:assets:android": "node scripts/resources/assets-android.js",
     "generate:resources:assets:ios": "node scripts/resources/assets-ios.js",
     "generate:resources:assets:pwa": "node scripts/resources/assets-pwa.js",
-    "ionic:build:before": "node scripts/images/squoosh.js",
-    "ionic:build": "ionic build --prod --engine=browser",
     "start": "react-scripts start",
     "build": "react-scripts build",
+    "build:ionic:browser": "ionic build --prod --engine=browser",
     "test": "react-scripts test",
     "eject": "react-scripts eject",
     "res": "node scripts/res.js",