---
description: Learn how to configure the web build script for your Capawesome Cloud native builds using package.json scripts.
title: Configure Web Build Script - Capawesome
image: https://capawesome.io/docs/assets/images/social/cloud/native-builds/guides/web-build-script.png
---

[ Skip to content](#configure-web-build-script) 

[ 🎉 Introducing **Capawesome Platform** — one platform for Live Updates, Native Builds, App Store Publishing, and Insider SDKs.](https://capawesome.io) 

* [  Formbricks ](/docs/plugins/formbricks/)
* [  Geocoder ](/docs/plugins/geocoder/)
* [  Google Sign-In ](/docs/plugins/google-sign-in/)
* [  libSQL ](/docs/plugins/libsql/)
* [  Live Update ](/docs/plugins/live-update/)
* [  Managed Configurations ](/docs/plugins/managed-configurations/)
* [  Media Session ](/docs/plugins/media-session/)
* [  ML Kit ](/docs/plugins/mlkit/)
* [  NFC ](/docs/plugins/nfc/)
* [  OAuth ](/docs/plugins/oauth/)
* [  Pedometer ](/docs/plugins/pedometer/)
* [  Photo Editor ](/docs/plugins/photo-editor/)
* [  PostHog ](/docs/plugins/posthog/)
* [  Printer ](/docs/plugins/printer/)
* [  Purchases ](/docs/plugins/purchases/)
* [  RealtimeKit ](/docs/plugins/realtimekit/)
* [  Screen Orientation ](/docs/plugins/screen-orientation/)
* [  Screenshot ](/docs/plugins/screenshot/)
* [  Secure Preferences ](/docs/plugins/secure-preferences/)
* [  Speech Recognition ](/docs/plugins/speech-recognition/)
* [  Speech Synthesis ](/docs/plugins/speech-synthesis/)
* [  Share Target ](/docs/plugins/share-target/)
* [  Square Mobile Payments ](/docs/plugins/square-mobile-payments/)
* [  SQLite ](/docs/plugins/sqlite/)
* [  Superwall ](/docs/plugins/superwall/)
* [  Torch ](/docs/plugins/torch/)
* [  Wifi ](/docs/plugins/wifi/)
* [  Zip ](/docs/plugins/zip/)
* [  Cloud ](/docs/cloud/)
* [  Live Updates ](/docs/cloud/live-updates/)
* Advanced
* Integrations
* [  Native Builds ](/docs/cloud/native-builds/)
* [  Configuration ](/docs/cloud/native-builds/configuration/)
* [  Environments ](/docs/cloud/native-builds/environments/)
* Guides
* [  Install Private npm Packages ](/docs/cloud/native-builds/guides/npm-private-registry/)
* [  Overwrite Native Configurations ](/docs/cloud/native-builds/guides/native-configurations/)
* [  Auto-Increment Build Numbers ](/docs/cloud/native-builds/guides/auto-incrementing-build-numbers/)
* [  Override Java Version ](/docs/cloud/native-builds/guides/override-java-version/)
* [  Custom iOS Provisioning Profiles ](/docs/cloud/native-builds/guides/custom-ios-provisioning-profiles/)
* [  Install APK on Android Device ](/docs/cloud/native-builds/guides/install-apk-on-android-device/)
* [  Install IPA on iOS Device ](/docs/cloud/native-builds/guides/install-ipa-on-ios-device/)
* [  Sample Projects ](/docs/cloud/native-builds/sample-projects/)
* [  Troubleshooting ](/docs/cloud/native-builds/troubleshooting/)
* [  Automations ](/docs/cloud/automations/)
* Account
* Organizations
* [  Organization and User Management ](/docs/cloud/organizations/memberships/)
* [  Single Sign-On (SSO) ](/docs/cloud/organizations/sso/)
* [  Teams ](/docs/cloud/organizations/teams/)
* [  Two-Factor Authentication ](/docs/cloud/organizations/two-factor-authentication/)
* [  Integrations ](/docs/cloud/integrations/)
* [  License Keys ](/docs/cloud/license-keys/)
* [  Webhooks ](/docs/cloud/webhooks/)
* [  Pricing ](https://capawesome.io/pricing/)
* [  FAQ ](/docs/cloud/faq/)
* [  Support ](/docs/cloud/support/)
* [  Contributing ](/docs/contributing/)
* [  LLMs ](/docs/llms/)
* [  Insiders ](/docs/insiders/)
* [  License ](https://capawesome.io/legal/eula/)
* [  Support ](/docs/insiders/support/)
* [  FAQ ](/docs/insiders/faq/)
* [  Blog ](/blog/)
* Categories

# Configure Web Build Script[¶](#configure-web-build-script "Permanent link")

When building native apps with [Capawesome Cloud](/), the platform needs to generate your web assets before creating the native builds. This guide explains how Capawesome Cloud determines which npm script to use for building your web application.

## Build Script Priority[¶](#build-script-priority "Permanent link")

Capawesome Cloud follows a specific priority order when determining which script to execute for generating your web build:

1. **`capawesome:build` script**: If defined in your `package.json`, this script will be used.
2. **`build` script**: If `capawesome:build` is not defined, the standard `build` script will be used.
3. **Build failure**: If neither script exists, the web build will fail.

For most projects, the standard `build` script is sufficient:

`[](#%5F%5Fcodelineno-0-1){
[](#%5F%5Fcodelineno-0-2)  "scripts": {
[](#%5F%5Fcodelineno-0-3)    "build": "ionic build"
[](#%5F%5Fcodelineno-0-4)  }
[](#%5F%5Fcodelineno-0-5)}
`

If you need different build configurations for Capawesome Cloud builds versus local builds, define a `capawesome:build` script:

`[](#%5F%5Fcodelineno-1-1){
[](#%5F%5Fcodelineno-1-2)  "scripts": {
[](#%5F%5Fcodelineno-1-3)    "build": "ionic build",
[](#%5F%5Fcodelineno-1-4)    "capawesome:build": "ionic build --prod"
[](#%5F%5Fcodelineno-1-5)  }
[](#%5F%5Fcodelineno-1-6)}
`

This is useful when you need to apply production-specific optimizations, enable different build flags, or run additional build steps for native apps.

## Configuration File Override[¶](#configuration-file-override "Permanent link")

You can also explicitly configure the web build command in your `capawesome.config.json` file:

`[](#%5F%5Fcodelineno-2-1){
[](#%5F%5Fcodelineno-2-2)  "cloud": {
[](#%5F%5Fcodelineno-2-3)    "apps": [
[](#%5F%5Fcodelineno-2-4)      {
[](#%5F%5Fcodelineno-2-5)        "appId": "your-app-id",
[](#%5F%5Fcodelineno-2-6)        "webBuildCommand": "npm run custom-build"
[](#%5F%5Fcodelineno-2-7)      }
[](#%5F%5Fcodelineno-2-8)    ]
[](#%5F%5Fcodelineno-2-9)  }
[](#%5F%5Fcodelineno-2-10)}
`

This approach gives you complete control over the build command and takes precedence over the automatic script detection. Learn more about configuration options in the [App Configuration](/docs/cloud/native-builds/configuration/) documentation.

May 7, 2026 

 Back to top