@roki-h5/create-roki-app 0.1.10 → 0.1.11

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@roki-h5/create-roki-app",
-  "version": "0.1.10",
+  "version": "0.1.11",
   "description": "Roki H5 项目脚手架",
   "type": "module",
   "license": "MIT",

package/templates/h5/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@roki-h5/scaffold-template",
   "private": true,
-  "version": "0.1.6",
+  "version": "0.1.7",
   "type": "module",
   "scripts": {
     "dev": "vite --mode development",
@@ -13,7 +13,7 @@
   },
   "dependencies": {
     "@roki-h5/ui": "workspace:*",
-    "@vitejs/plugin-legacy": "^6.0.0",
+    "@vitejs/plugin-legacy": "8.0.1",
     "axios": "^1.7.9",
     "event-source-polyfill": "^1.0.31",
     "pinia": "^2.3.0",

package/templates/h5/src/api/nativeApi.ts

@@ -33,12 +33,12 @@ function setupWebViewJavascriptBridge(
   window.WVJBCallbacks = [callback]
 
   const { iPhone, iPad, iPod } = browser.versions
-  // file:// 本地预览或桌面浏览器勿注入 bridge iframe，否则会触发跨域安全错误
-  const canUseIosBridgeIframe =
+  // file:// 本地预览勿注入 bridge iframe，避免桌面浏览器报跨域安全错误
+  if (
+    (iPhone || iPad || iPod) &&
     typeof location !== 'undefined' &&
-    location.protocol !== 'file:' &&
-    (iPhone || iPad || iPod)
-  if (canUseIosBridgeIframe) {
+    location.protocol !== 'file:'
+  ) {
     const WVJBIframe = document.createElement('iframe')
     WVJBIframe.style.display = 'none'
     WVJBIframe.src = 'https://__bridge_loaded__'

package/templates/h5/src/router/index.ts

@@ -5,8 +5,8 @@ import Home from '@/views/home/index.vue'
 const HOME_TITLE_FALLBACK = '燃气热水器'
 
 const router = createRouter({
-  // file:// 下勿传 BASE_URL（./），与调料机一致，避免 pushState 异常
-  history: createWebHashHistory(),
+  // 与 iot-water-heater5.0 一致：hash 路由，dist 下直接打开 index.html / file:// 可用
+  history: createWebHashHistory(import.meta.env.BASE_URL),
   routes: [
     {
       path: '/',

package/templates/h5/vite.config.ts

@@ -9,7 +9,7 @@ const __dirname = path.dirname(fileURLToPath(import.meta.url))
 const monorepoUiDir = path.resolve(__dirname, '../../../ui')
 const isMonorepoDev = fs.existsSync(path.join(monorepoUiDir, 'package.json'))
 
-/** file:// 打开 dist 时去掉 crossorigin；legacy-only 时再去掉 modulepreload */
+/** file:// 下：去掉 crossorigin；仅 legacy 时再去掉 modulepreload（与 plugin-legacy 文档一致） */
 function distHtmlPostProcess({ removeModulePreload = false } = {}) {
   return {
     name: 'dist-html-post-process',
@@ -34,7 +34,7 @@ function distHtmlPostProcess({ removeModulePreload = false } = {}) {
 export default defineConfig(({ mode }) => {
   const env = loadEnv(mode, path.resolve(__dirname, 'config/env'), '')
 
-  // 与 iot-ai-glasses 一致：由 VITE_PUBLIC_BASE 控制；未配置时默认 ./，便于 dist 下直接打开 index.html（file://）
+  // 与 iot-water-heater5.0 一致：由 VITE_PUBLIC_BASE 控制；未配置时默认 ./，便于 dist 下直接打开 index.html（file://）
   const rawPublicBase = (env.VITE_PUBLIC_BASE ?? '').trim()
   const base =
     mode === 'development'
@@ -47,25 +47,49 @@ export default defineConfig(({ mode }) => {
             : `${rawPublicBase}/`
           : './'
 
-  /** 相对路径构建时仅输出 legacy 包，便于 file:// 直接打开 dist/index.html */
   const legacyOnlyForFileProtocol =
     mode !== 'development' && (base === './' || base === '.')
 
+  const publicBase = (env.VITE_PUBLIC_BASE || '').trim()
+  const withTrailingSlash =
+    publicBase.startsWith('/') && publicBase.length > 1
+      ? publicBase.endsWith('/')
+        ? publicBase
+        : `${publicBase}/`
+      : ''
+  const pathWithoutTrailingSlash = withTrailingSlash.replace(/\/+$/, '')
+  const trailingSlashRedirect =
+    pathWithoutTrailingSlash && pathWithoutTrailingSlash !== '/'
+      ? {
+          name: 'ensure-subpath-trailing-slash',
+          transformIndexHtml: {
+            order: 'pre' as const,
+            handler(html: string) {
+              const noTrail = JSON.stringify(pathWithoutTrailingSlash)
+              const withSlash = JSON.stringify(withTrailingSlash)
+              const snippet = `<script>(function(){var p=location.pathname;if(p===${noTrail})location.replace(location.origin+${withSlash}+location.search+location.hash);})();<\/script>`
+              return html.replace('<head>', `<head>${snippet}`)
+            },
+          },
+        }
+      : null
+
   return {
     plugins: [
       vue(),
       legacy({
         targets: [
-          'iOS >= 11',
-          'Chrome >= 64',
-          'Android >= 64',
+          '> 0%',
+          'Chrome > 4',
+          'Android >= 4',
+          'IOS >= 7',
+          'not ie <= 6',
+          'Firefox ESR',
         ],
         renderLegacyChunks: true,
-        // 与调料机一致：不输出 type=module 现代包，避免 file:// / App 容器加载失败
         renderModernChunks: !legacyOnlyForFileProtocol,
-        polyfills: true,
-        additionalLegacyPolyfills: ['regenerator-runtime/runtime'],
       }),
+      ...(trailingSlashRedirect ? [trailingSlashRedirect] : []),
       distHtmlPostProcess({ removeModulePreload: legacyOnlyForFileProtocol }),
     ],
     envDir: path.resolve(__dirname, 'config/env'),
@@ -90,21 +114,6 @@ export default defineConfig(({ mode }) => {
           : []),
       ],
     },
-    base,
-    build: {
-      assetsInlineLimit: 10240,
-      rollupOptions: legacyOnlyForFileProtocol
-        ? {
-            output: {
-              format: 'iife',
-              inlineDynamicImports: true,
-              chunkFileNames: 'assets/[name]-[hash].js',
-              entryFileNames: 'assets/[name]-[hash].js',
-              assetFileNames: 'assets/[name]-[hash].[ext]',
-            },
-          }
-        : undefined,
-    },
     server: {
       host: true,
       port: 5174,
@@ -117,5 +126,28 @@ export default defineConfig(({ mode }) => {
         },
       },
     },
+    base,
+    build: {
+      // legacy-only 时 index 上 link 的 CSS 很少；关闭拆分，避免首页/懒路由样式未注入导致「样式丢失」
+      cssCodeSplit: false,
+      outDir: 'dist',
+      assetsDir: 'static',
+      assetsInlineLimit: 10240,
+      sourcemap: false,
+      chunkSizeWarningLimit: 2500,
+      rollupOptions: {
+        output: {
+          chunkFileNames: 'static/js/[name]-[hash].js',
+          entryFileNames: 'static/js/[name]-[hash].js',
+          assetFileNames: 'static/[ext]/[name]-[hash].[ext]',
+        },
+      },
+      minify: 'esbuild',
+      esbuild: {
+        drop: mode === 'production' ? ['console', 'debugger'] : [],
+        legalComments: 'none',
+        charset: 'ascii',
+      },
+    },
   }
 })