feat(core): build config for ios android (#8555)

tools/cli/src/config/index.ts

@@ -1,5 +1,5 @@
 export type BuildFlags = {
-  distribution: 'web' | 'desktop' | 'admin' | 'mobile';
+  distribution: 'web' | 'desktop' | 'admin' | 'mobile' | 'ios' | 'android';
   mode: 'development' | 'production';
   channel: 'stable' | 'beta' | 'canary' | 'internal';
   static: boolean;

tools/cli/src/webpack/config.ts

@@ -69,7 +69,9 @@ export const getPublicPath = (buildFlags: BuildFlags) => {
   if (
     buildFlags.mode === 'development' ||
     process.env.COVERAGE ||
-    buildFlags.distribution === 'desktop'
+    buildFlags.distribution === 'desktop' ||
+    buildFlags.distribution === 'ios' ||
+    buildFlags.distribution === 'android'
   ) {
     return '/';
   }

tools/cli/src/webpack/runtime-config.ts

@@ -18,6 +18,8 @@ export function getBuildConfig(buildFlags: BuildFlags): BUILD_CONFIG_TYPE {
         isElectron: buildFlags.distribution === 'desktop',
         isWeb: buildFlags.distribution === 'web',
         isMobileWeb: buildFlags.distribution === 'mobile',
+        isIOS: buildFlags.distribution === 'ios',
+        isAndroid: buildFlags.distribution === 'android',
 
         isSelfHosted: process.env.SELF_HOSTED === 'true',
         appBuildType: 'stable' as const,

tools/cli/src/webpack/webpack.config.ts

@@ -58,7 +58,12 @@ export function createWebpackConfig(cwd: string, flags: BuildFlags) {
     PRECONNECT: cdnOrigin
       ? `<link rel="preconnect" href="${cdnOrigin}" />`
       : '',
-    VIEWPORT_FIT: flags.distribution === 'mobile' ? 'cover' : 'auto',
+    VIEWPORT_FIT:
+      flags.distribution === 'mobile' ||
+      flags.distribution === 'ios' ||
+      flags.distribution === 'android'
+        ? 'cover'
+        : 'auto',
   };
 
   const createHTMLPlugins = (entryName: string) => {