create-weapp-vite 2.7.3 → 2.8.1

package/README.md

@@ -7,7 +7,7 @@
 ## 特性
 
 - 交互式创建或非交互式参数创建
-- 内置多种模板（默认、Wevu、Wevu + TDesign、Tailwindcss、TDesign、Vant、插件、组件库）
+- 内置多种模板（默认、原生多平台 + Web、Vue SFC 多平台 + Web、Wevu、Wevu + TDesign、Tailwindcss、TDesign、Vant、插件、组件库）
 - 自动对齐 `weapp-vite` 与 `wevu` 版本
 - 自动处理 `.gitignore` 写入
 - 可选安装推荐的 AI skills（`sonofmagic/skills`）
@@ -45,6 +45,12 @@ npx skills add sonofmagic/skills
 ```bash
 pnpm create weapp-vite my-app wevu
 
+# 原生多平台 + Web 模板
+pnpm create weapp-vite my-app multi-platform
+
+# Vue SFC 多平台 + Web 模板
+pnpm create weapp-vite my-app multi-platform-sfc
+
 # 显式安装推荐 skills
 pnpm create weapp-vite my-app wevu --install-skills
 
@@ -66,7 +72,10 @@ await createProject('my-app', TemplateName.wevu, { installSkills: true })
 `TemplateName` 支持以下模板：
 
 - `default`
+- `multi-platform`
+- `multi-platform-sfc`
 - `wevu`
+- `react`
 - `wevu-tdesign`
 - `tailwindcss`
 - `tdesign`
@@ -74,6 +83,10 @@ await createProject('my-app', TemplateName.wevu, { installSkills: true })
 - `plugin`
 - `lib`
 
+`multi-platform` 使用原生 Page/Component，覆盖微信、支付宝、抖音、百度、京东、小红书与 Web Runtime。它按命令构建单个目标，不会隐式生成全部平台产物；创建后请使用 `dev:<platform>` / `build:<platform>` 脚本。
+
+`multi-platform-sfc` 使用 Wevu + Vue SFC 覆盖相同目标，并提供 `defineAppJson` / `definePageJson` / `defineComponentJson`、受管类型文件和稳定响应式交互示例。Web Runtime 用于浏览器联调，不能替代目标小程序 IDE 或真机验收。
+
 ## 相关链接
 
 - weapp-vite 文档：https://vite.icebreaker.top/

package/dist/cli.js

@@ -1,4 +1,4 @@
-import { n as RECOMMENDED_SKILLS_INSTALL_COMMAND, t as createProject } from "./src-oq4dsVyY.js";
+import { n as RECOMMENDED_SKILLS_INSTALL_COMMAND, t as createProject } from "./src-DLBjE7f9.js";
 import logger from "@weapp-core/logger";
 import { fs } from "@weapp-core/shared/fs";
 import process from "node:process";
@@ -12,6 +12,14 @@ const TEMPLATE_CHOICES = [
 		name: "默认模板",
 		value: "default"
 	},
+	{
+		name: "原生多平台 + Web 模板",
+		value: "multi-platform"
+	},
+	{
+		name: "Vue SFC 多平台 + Web 模板",
+		value: "multi-platform-sfc"
+	},
 	{
 		name: "Wevu 模板 (Vue SFC)",
 		value: "wevu"

package/dist/index.d.ts

@@ -2,6 +2,8 @@ import "pkg-types";
 //#region src/enums.d.ts
 declare enum TemplateName {
   default = "default",
+  multiPlatform = "multi-platform",
+  multiPlatformSfc = "multi-platform-sfc",
   plugin = "plugin",
   wevu = "wevu",
   tailwindcss = "tailwindcss",

package/dist/index.js

@@ -1,2 +1,2 @@
-import { r as TemplateName, t as createProject } from "./src-oq4dsVyY.js";
+import { r as TemplateName, t as createProject } from "./src-DLBjE7f9.js";
 export { TemplateName, createProject };

package/dist/{src-oq4dsVyY.js → src-DLBjE7f9.js}

@@ -9,17 +9,19 @@ import process from "node:process";
 var version$3 = "0.2.0";
 //#endregion
 //#region ../../packages-runtime/wevu/package.json
-var version$2 = "6.20.3";
+var version$2 = "6.20.5";
 //#endregion
 //#region ../dashboard/package.json
-var version$1 = "6.20.3";
+var version$1 = "6.20.5";
 //#endregion
 //#region ../weapp-vite/package.json
-var version = "6.20.3";
+var version = "6.20.5";
 //#endregion
 //#region src/enums.ts
 let TemplateName = /* @__PURE__ */ function(TemplateName) {
 	TemplateName["default"] = "default";
+	TemplateName["multiPlatform"] = "multi-platform";
+	TemplateName["multiPlatformSfc"] = "multi-platform-sfc";
 	TemplateName["plugin"] = "plugin";
 	TemplateName["wevu"] = "wevu";
 	TemplateName["tailwindcss"] = "tailwindcss";
@@ -33,14 +35,24 @@ let TemplateName = /* @__PURE__ */ function(TemplateName) {
 //#endregion
 //#region src/agents.ts
 function supportsWevu(templateName) {
-	return ["wevu", "wevu-tdesign"].includes(templateName);
+	return [
+		"wevu",
+		"wevu-tdesign",
+		"multi-platform-sfc"
+	].includes(templateName);
+}
+function supportsReact(templateName) {
+	return templateName === "react";
 }
 function supportsNativePages(templateName) {
-	return !supportsWevu(templateName);
+	return !supportsWevu(templateName) && !supportsReact(templateName);
 }
 function supportsPlugin(templateName) {
 	return templateName === "plugin";
 }
+function supportsMultiPlatform(templateName) {
+	return ["multi-platform", "multi-platform-sfc"].includes(templateName);
+}
 /**
 * @description 生成新项目的 AGENTS 指引
 */
@@ -95,13 +107,15 @@ function createAgentsGuidelines(templateName) {
 		"- In Codex/Claude environments, prefer these skills first when available:",
 		"  - `$weapp-vite-best-practices` for config, build, subpackage, route, DevTools CLI orchestration, and screenshot/compare command work.",
 		"  - `$weapp-vite-vue-sfc-best-practices` for `.vue` SFC macros, JSON blocks, and template compatibility.",
-		"  - `$release-and-changeset-best-practices` for issue delivery, changesets, release decisions, and PR workflow.",
+		"  - `$release-and-changeset-best-practices` for issue delivery, pnpm change intents, repoctl release decisions, and PR workflow.",
 		"  - `$docs-and-website-sync` when documentation or AI guidance must be refreshed together with code changes.",
 		"  - Use `$weapp-vite-best-practices` for stateful HMR, pluginRoot/dist-plugin, Web runtime compatibility, and native AST profiling; use `$wevu-best-practices` for `wevu/router` navigation semantics.",
 		"  - Use `$weapp-devtools-e2e-best-practices` for serialized DevTools runtime suites, shared automator sessions, and known host compatibility skips."
 	];
 	if (supportsWevu(templateName)) lines.push("  - `$wevu-best-practices` for `wevu` runtime lifecycle, state, store, and event contracts.", "", "## Wevu Authoring", "", "- Import runtime APIs from `wevu` in business code.", "- Register lifecycle hooks synchronously in `setup()` and avoid hook registration after `await`.", "- Prefer `ref`, `reactive`, `computed`, and explicit event contracts over large opaque state writes.", "- Use `storeToRefs` when destructuring store state/getters.", "- Treat mini-program runtime constraints as primary; do not assume Vue web-only behavior.");
+	if (supportsReact(templateName)) lines.push("  - `$weapp-vite-react-best-practices` for React 19 JSX/TSX ownership, render modes, root lifecycle, React Compiler, and native/Wevu component bridges.", "", "## React Mini-program Authoring", "", "- Keep `weapp.react` as the project-level owner for all `.jsx` and `.tsx` modules; do not mix Wevu JSX in the same build.", "- Use React 19.2.x, `react-reconciler` 0.33.x, and `@weapp-vite/react` without `react-dom`.", "- Start with `renderMode: 'auto'`; use `dynamic` only for reconciler-tree diagnostics and `static` for strict static-shape validation.", "- Create and unmount `createReactMiniProgramRoot` in the native page/component lifecycle, and forward host events through the root.", "- Register native or Wevu custom components in `usingComponents` before declaring a top-level `createNativeComponent()` bridge in the current TSX file.", "- Treat the current React runtime as WeChat-only; Web, Alipay, and Douyin builds are not runtime compatibility evidence.");
 	if (supportsNativePages(templateName)) lines.push("  - `$native-to-weapp-vite-wevu-migration` when migrating native mini-program projects to `weapp-vite + native`, or further toward Vue SFC / wevu.", "", "## Native Mini-program Authoring", "", "- Keep native page/component structure consistent with the template unless there is a clear migration goal.", "- Prefer `weapp-vite generate` or `wv generate` for new app/page/component scaffolds.", "- If migrating this project, first decide whether the target is `weapp-vite + native` or a further Vue SFC / `wevu` migration, then keep each migration wave explicit.");
+	if (supportsMultiPlatform(templateName)) lines.push("", "## Multi-platform Workflow", "", "- This project builds one target at a time. Always pass an explicit platform or use `pnpm dev:<platform>` / `pnpm build:<platform>`.", "- Keep platform IDE configuration under `config/<platform>` and import `dist/<platform>` into the matching mini-program IDE.", "- Use `pnpm dev:web` for browser compatibility work, but keep mini-program DevTools or device acceptance as the release authority.", "- Treat WeChat, Web, official IDE compilation, and unsupported automator targets as separate verification layers; do not report a build-only check as runtime E2E.");
 	if (supportsPlugin(templateName)) lines.push("", "## Plugin Authoring", "", "- Keep `src/` as the host app source and `plugin/` as the plugin source root declared by `weapp.pluginRoot`.", "- Validate both `dist/` and `dist-plugin/` outputs after structural changes to host pages, plugin pages, or plugin public components.", "- If you change plugin AppID or switch away from local `dev` linkage, update both `project.config.json.appid` and `src/app.json` -> `plugins.*.provider` together.", "- Treat shared modules under `shared/` as regular source code that can be imported by both host and plugin entries.");
 	return `${lines.join("\n")}\n`;
 }
@@ -115,8 +129,8 @@ const TEMPLATE_CATALOG = {
 	"@babel/types": "^8.0.4",
 	"@douyin-microapp/typings": "^1.3.1",
 	"@egoist/tailwindcss-icons": "^1.9.2",
-	"@icebreakers/eslint-config": "^7.0.2",
-	"@icebreakers/stylelint-config": "^5.0.3",
+	"@icebreakers/eslint-config": "^7.0.4",
+	"@icebreakers/stylelint-config": "^5.0.5",
 	"@iconify-json/mdi": "^1.2.3",
 	"@iconify/tailwind4": "^1.2.3",
 	"@mini-types/alipay": "^3.0.14",
@@ -128,7 +142,7 @@ const TEMPLATE_CATALOG = {
 	"@vue/babel-plugin-jsx": "3.0.0",
 	"@vue/compiler-core": "^3.5.41",
 	"@vue/compiler-dom": "^3.5.41",
-	"@vue/language-core": "^3.3.9",
+	"@vue/language-core": "^3.3.10",
 	"@wot-ui/ui": "2.3.2",
 	"antd-mini": "^3.4.3",
 	"bundle-require": "^5.1.0",
@@ -136,25 +150,25 @@ const TEMPLATE_CATALOG = {
 	"comment-json": "^5.0.0",
 	"estree-walker": "^3.0.3",
 	"gm-crypto": "^0.1.12",
-	"happy-dom": "^20.11.2",
+	"happy-dom": "^20.11.6",
 	"lru-cache": "^11.5.2",
-	"magic-string": "^1.2.0",
+	"magic-string": "^1.2.2",
 	"miniprogram-api-typings": "^5.2.3",
-	"oxc-parser": "^0.144.0",
+	"oxc-parser": "^0.146.0",
 	"oxc-walker": "^1.1.1",
 	"pkg-types": "^2.3.1",
-	"sass-embedded": "^1.102.0",
+	"sass-embedded": "^1.103.1",
 	"tailwind-merge": "^3.6.0",
 	"tailwind-variants": "^3.3.1",
 	"tdesign-miniprogram": "^1.16.0",
 	"ts-morph": "^28.0.0",
-	"uview-plus": "3.8.86",
+	"uview-plus": "3.8.108",
 	"vite-plugin-inspect": "^12.0.2",
-	"vue-tsc": "^3.3.9",
-	"weapp-tailwindcss": "^5.2.14",
+	"vue-tsc": "^3.3.10",
+	"weapp-tailwindcss": "^5.3.3",
 	autoprefixer: "^10.5.4",
 	clsx: "^2.1.1",
-	dayjs: "^1.11.21",
+	dayjs: "^1.11.23",
 	echarts: "^6.1.0",
 	esbuild: "^0.28.2",
 	eslint: "^10.8.1",
@@ -165,20 +179,20 @@ const TEMPLATE_CATALOG = {
 	obug: "^2.1.4",
 	pathe: "^2.0.3",
 	postcss: "^8.5.26",
-	rolldown: "1.2.4",
-	sass: "^1.102.0",
+	rolldown: "1.2.5",
+	sass: "^1.103.1",
 	stylelint: "^17.14.1",
 	tailwindcss: "^4.3.3",
 	tslib: "^2.8.1",
 	tsx: "^4.23.12",
 	typescript: "^6.0.3",
-	vite: "8.2.1",
+	vite: "8.2.2",
 	vue: "^3.5.41",
 	zod: "^4.4.3"
 };
 const TEMPLATE_NAMED_CATALOG = {
 	"tdesign-miniprogram-fixed": { "tdesign-miniprogram": "1.16.0" },
-	"weapp-tailwindcss-fixed": { "weapp-tailwindcss": "5.2.14" },
+	"weapp-tailwindcss-fixed": { "weapp-tailwindcss": "5.3.3" },
 	latest: {
 		"miniprogram-api-typings": "^5.2.3",
 		typescript: "^6.0.3"
@@ -406,6 +420,8 @@ const TOURIST_APP_ID = "touristappid";
 const moduleDir = path.dirname(fileURLToPath(import.meta.url));
 const TEMPLATE_DIR_MAP = {
 	["default"]: "weapp-vite-template",
+	["multi-platform"]: "weapp-vite-multi-platform-template",
+	["multi-platform-sfc"]: "weapp-vite-multi-platform-sfc-template",
 	["plugin"]: "weapp-vite-plugin-template",
 	["lib"]: "weapp-vite-lib-template",
 	["wevu"]: "weapp-vite-wevu-template",
@@ -485,12 +501,14 @@ async function ensureDotGitignore(root) {
 	await fs.move(gitignorePath, dotGitignorePath);
 }
 async function rewriteProjectConfigAppId(targetDir) {
-	const projectConfigPath = path.resolve(targetDir, "project.config.json");
-	if (!await fs.pathExists(projectConfigPath)) return;
-	const projectConfig = await fs.readJSON(projectConfigPath);
-	if (!projectConfig || typeof projectConfig !== "object" || projectConfig.compileType === "plugin" || projectConfig.appid === TOURIST_APP_ID) return;
-	projectConfig.appid = TOURIST_APP_ID;
-	await writeJsonFile(projectConfigPath, projectConfig);
+	const projectConfigPaths = [path.resolve(targetDir, "project.config.json"), path.resolve(targetDir, "config/weapp/project.config.json")];
+	for (const projectConfigPath of projectConfigPaths) {
+		if (!await fs.pathExists(projectConfigPath)) continue;
+		const projectConfig = await fs.readJSON(projectConfigPath);
+		if (!projectConfig || typeof projectConfig !== "object" || projectConfig.compileType === "plugin" || projectConfig.appid === TOURIST_APP_ID) continue;
+		projectConfig.appid = TOURIST_APP_ID;
+		await writeJsonFile(projectConfigPath, projectConfig);
+	}
 }
 function createEmptyPackageJson() {
 	return {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "create-weapp-vite",
   "type": "module",
-  "version": "2.7.3",
+  "version": "2.8.1",
   "description": "create-weapp-vite",
   "author": "ice breaker <1324318532@qq.com>",
   "license": "MIT",
@@ -46,12 +46,12 @@
     "node": "^20.19.0 || >=22.12.0"
   },
   "dependencies": {
-    "@inquirer/prompts": "^8.5.2",
+    "@inquirer/prompts": "^8.6.0",
     "pathe": "^2.0.3",
     "pkg-types": "^2.3.1",
     "@weapp-core/init": "6.0.14",
-    "@weapp-core/logger": "3.1.1",
-    "@weapp-core/shared": "3.1.1"
+    "@weapp-core/shared": "3.1.1",
+    "@weapp-core/logger": "3.1.1"
   },
   "scripts": {
     "catalog:sync": "node --import tsx scripts/generate-template-catalog.ts",

package/templates/multi-platform/.editorconfig

@@ -0,0 +1,9 @@
+root = true
+
+[*]
+charset = utf-8
+indent_style = space
+indent_size = 2
+end_of_line = lf
+insert_final_newline = true
+trim_trailing_whitespace = true

package/templates/multi-platform/README.md

@@ -0,0 +1,46 @@
+# weapp-vite 原生多平台 + Web 模板
+
+这个模板使用同一份原生小程序源码，按命令选择单个目标平台构建。当前覆盖微信、支付宝、抖音、百度、京东、小红书和 Web Runtime。
+
+```sh
+pnpm create weapp-vite my-app multi-platform
+cd my-app
+pnpm install
+pnpm dev:weapp
+```
+
+## 开发
+
+```sh
+pnpm dev:weapp
+pnpm dev:alipay
+pnpm dev:tt
+pnpm dev:swan
+pnpm dev:jd
+pnpm dev:xhs
+pnpm dev:web
+```
+
+`pnpm dev` 默认等价于 `pnpm dev:weapp`。需要打开开发者工具时使用 `pnpm dev:open`、`pnpm open:weapp` 或 `pnpm open:alipay`。
+
+## 构建
+
+```sh
+pnpm build:weapp
+pnpm build:alipay
+pnpm build:tt
+pnpm build:swan
+pnpm build:jd
+pnpm build:xhs
+pnpm build:web
+```
+
+每条命令只构建一个目标。小程序产物位于 `dist/<platform>/dist`，对应的 IDE 项目位于 `dist/<platform>`；Web 产物位于 `dist/web`。
+
+## 平台配置
+
+各平台项目配置位于 `config/<platform>`。创建项目后请先替换目标平台的 AppID，再导入对应的 `dist/<platform>` 目录。
+
+便携源码使用原生 `Page()` / `Component()`，公共模板采用 WXML 语法，并通过 `wx` API 编写平台无关逻辑。构建时 `injectWeapi.replaceWx` 会替换运行时 API，模板、样式、事件和脚本模块后缀会按目标平台转换。平台专属能力应隔离在独立模块或条件入口中，避免让公共页面直接依赖某个宿主的 TypeScript 类型。
+
+Web Runtime 适合浏览器联调和兼容验证，不能替代小程序开发者工具或真机验收。构建通过也不等于官方 IDE 编译或 Runtime 交互通过：微信和 Web 可以做自动化交互验收，支付宝使用官方 `minidev build` 做 IDE 编译检查，百度 Runtime 依赖可用的 WebSocket 端点，抖音、京东和小红书仍需在各自官方工具中人工复验。详细说明见 [多平台构建指南](https://vite.icebreaker.top/guide/multi-platform)。

package/templates/multi-platform/config/alipay/mini.project.json

@@ -0,0 +1,8 @@
+{
+  "format": 2,
+  "compileType": "mini",
+  "miniprogramRoot": "dist",
+  "compileOptions": {
+    "typescript": false
+  }
+}

package/templates/multi-platform/config/jd/project.config.json

@@ -0,0 +1,4 @@
+{
+  "appid": "your_appid",
+  "miniprogramRoot": "dist"
+}

package/templates/multi-platform/config/swan/project.swan.json

@@ -0,0 +1,8 @@
+{
+  "smartProgramRoot": "dist",
+  "appid": "your_appid",
+  "compileType": "miniprogram",
+  "setting": {
+    "urlCheck": false
+  }
+}

package/templates/multi-platform/config/tt/project.config.json

@@ -0,0 +1,10 @@
+{
+  "appid": "your_appid",
+  "projectname": "weapp-vite-multi-platform-template",
+  "miniprogramRoot": "dist",
+  "setting": {
+    "es6": true,
+    "urlCheck": false,
+    "compileHotReLoad": false
+  }
+}

package/templates/multi-platform/config/weapp/project.config.json

@@ -0,0 +1,24 @@
+{
+  "description": "weapp-vite 多平台模板",
+  "miniprogramRoot": "dist",
+  "srcMiniprogramRoot": "dist",
+  "compileType": "miniprogram",
+  "setting": {
+    "urlCheck": false,
+    "babelSetting": {
+      "ignore": [],
+      "disablePlugins": [],
+      "outputPath": ""
+    },
+    "postcss": false,
+    "minified": false,
+    "ignoreUploadUnusedFiles": true,
+    "compileHotReLoad": false,
+    "packNpmManually": true,
+    "es6": true
+  },
+  "simulatorType": "wechat",
+  "libVersion": "3.13.2",
+  "condition": {},
+  "appid": "wxb3d842a4a7e3440d"
+}

package/templates/multi-platform/config/xhs/project.config.json

@@ -0,0 +1,10 @@
+{
+  "description": "weapp-vite 多平台模板",
+  "miniprogramRoot": "dist",
+  "compileType": "miniprogram",
+  "setting": {
+    "es6": true,
+    "compileHotReload": false
+  },
+  "appid": "your_appid"
+}

package/templates/multi-platform/eslint.config.js

@@ -0,0 +1,6 @@
+import { icebreaker } from '@icebreakers/eslint-config'
+
+export default icebreaker({
+  miniProgram: true,
+  ignores: ['CHANGELOG.md', 'README.md', '.turbo/**', 'dist/**', '.weapp-vite/**'],
+})

package/templates/multi-platform/gitignore

@@ -0,0 +1,30 @@
+# dependencies
+node_modules
+.pnp
+.pnp.js
+
+# testing
+coverage
+
+# misc
+.DS_Store
+*.pem
+
+# debug
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+.pnpm-debug.log*
+
+# local env files
+.env.local
+.env.development.local
+.env.test.local
+.env.production.local
+
+# turbo
+.turbo
+
+dist
+vite.config.ts.timestamp-*.mjs
+.weapp-vite/

package/templates/multi-platform/index.html

@@ -0,0 +1,13 @@
+<!doctype html>
+<html lang="zh-CN">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <link rel="icon" href="data:," />
+    <title>weapp-vite 多平台模板</title>
+  </head>
+  <body>
+    <div id="app"></div>
+    <script type="module" src="/@weapp-vite/web/entry"></script>
+  </body>
+</html>

package/templates/multi-platform/package.json

@@ -0,0 +1,47 @@
+{
+  "name": "weapp-vite-multi-platform-template",
+  "type": "module",
+  "version": "1.0.0",
+  "private": true,
+  "description": "weapp-vite 原生多平台与 Web 模板",
+  "license": "MIT",
+  "scripts": {
+    "dev": "wv dev -p weapp",
+    "dev:weapp": "wv dev -p weapp",
+    "dev:alipay": "wv dev -p alipay",
+    "dev:tt": "wv dev -p tt",
+    "dev:swan": "wv dev -p swan",
+    "dev:jd": "wv dev -p jd",
+    "dev:xhs": "wv dev -p xhs",
+    "dev:web": "wv dev -p web --host",
+    "dev:open": "wv dev -p weapp -o",
+    "build": "wv build -p weapp",
+    "build:weapp": "wv build -p weapp",
+    "build:alipay": "wv build -p alipay",
+    "build:tt": "wv build -p tt",
+    "build:swan": "wv build -p swan",
+    "build:jd": "wv build -p jd",
+    "build:xhs": "wv build -p xhs",
+    "build:web": "wv build -p web",
+    "open:weapp": "wv open -p weapp",
+    "open:alipay": "wv open -p alipay",
+    "lint": "eslint .",
+    "lint:fix": "eslint . --fix",
+    "stylelint": "stylelint \"src/**/*.{css,scss,vue,wxss}\" --allow-empty-input",
+    "stylelint:fix": "stylelint \"src/**/*.{css,scss,vue,wxss}\" --fix --allow-empty-input",
+    "g": "wv generate",
+    "postinstall": "wv prepare -p weapp"
+  },
+  "devDependencies": {
+    "@icebreakers/eslint-config": "catalog:",
+    "@icebreakers/stylelint-config": "catalog:",
+    "@types/node": "catalog:",
+    "@weapp-vite/dashboard": "workspace:*",
+    "eslint": "catalog:",
+    "miniprogram-api-typings": "catalog:",
+    "sass": "catalog:",
+    "stylelint": "catalog:",
+    "typescript": "catalog:",
+    "weapp-vite": "workspace:*"
+  }
+}

package/templates/multi-platform/src/app.json

@@ -0,0 +1,13 @@
+{
+  "$schema": "https://vite.icebreaker.top/app.json",
+  "pages": [
+    "pages/index/index"
+  ],
+  "window": {
+    "navigationBarTitleText": "多平台模板",
+    "navigationBarBackgroundColor": "#ffffff",
+    "navigationBarTextStyle": "black",
+    "backgroundColor": "#f4f6f8"
+  },
+  "sitemapLocation": "sitemap.json"
+}

package/templates/multi-platform/src/app.scss

@@ -0,0 +1,5 @@
+page {
+  min-height: 100%;
+  color: #17212b;
+  background: #f4f6f8;
+}

package/templates/multi-platform/src/app.ts

@@ -0,0 +1,3 @@
+App({
+  globalData: {},
+})

package/templates/multi-platform/src/components/PlatformCard/index.json

@@ -0,0 +1,5 @@
+{
+  "$schema": "https://vite.icebreaker.top/component.json",
+  "component": true,
+  "styleIsolation": "apply-shared"
+}

package/templates/multi-platform/src/components/PlatformCard/index.scss

@@ -0,0 +1,25 @@
+.platform-card {
+  padding: 32rpx;
+  background: #fff;
+  border: 2rpx solid #d8dee4;
+  border-radius: 12rpx;
+}
+
+.platform-card__label {
+  font-size: 24rpx;
+  color: #66717d;
+}
+
+.platform-card__value {
+  margin-top: 10rpx;
+  font-size: 44rpx;
+  font-weight: 700;
+  color: #0969da;
+}
+
+.platform-card__hint {
+  margin-top: 18rpx;
+  font-size: 26rpx;
+  line-height: 1.6;
+  color: #3d4852;
+}

package/templates/multi-platform/src/components/PlatformCard/index.ts

@@ -0,0 +1,8 @@
+Component({
+  properties: {
+    platform: {
+      type: String,
+      value: 'unknown',
+    },
+  },
+})

package/templates/multi-platform/src/components/PlatformCard/index.wxml

@@ -0,0 +1,5 @@
+<view class="platform-card">
+  <view class="platform-card__label">当前构建目标</view>
+  <view class="platform-card__value">{{platform}}</view>
+  <view class="platform-card__hint">同一份原生源码由 weapp-vite 转换为目标平台产物</view>
+</view>

package/templates/multi-platform/src/pages/index/index.json

@@ -0,0 +1,7 @@
+{
+  "$schema": "https://vite.icebreaker.top/page.json",
+  "navigationBarTitleText": "多平台模板",
+  "usingComponents": {
+    "PlatformCard": "/components/PlatformCard/index"
+  }
+}