create-weapp-vite 2.7.3 → 2.8.1

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

@@ -0,0 +1,72 @@
+.page-shell {
+  box-sizing: border-box;
+  min-height: 100vh;
+  padding: 72rpx 32rpx 48rpx;
+}
+
+.page-heading {
+  margin-bottom: 32rpx;
+}
+
+.page-heading__eyebrow {
+  font-size: 24rpx;
+  font-weight: 600;
+  color: #1a7f37;
+}
+
+.page-heading__title {
+  margin-top: 12rpx;
+  font-size: 52rpx;
+  font-weight: 700;
+  color: #17212b;
+}
+
+.page-heading__description {
+  margin-top: 16rpx;
+  font-size: 28rpx;
+  line-height: 1.6;
+  color: #57606a;
+}
+
+.runtime-marker,
+.runtime-status {
+  font-family: monospace;
+  font-size: 24rpx;
+  color: #57606a;
+}
+
+.runtime-status {
+  margin: 8rpx 0 28rpx;
+}
+
+.counter-panel {
+  padding: 32rpx;
+  margin-top: 24rpx;
+  text-align: center;
+  background: #fff;
+  border: 2rpx solid #d8dee4;
+  border-radius: 12rpx;
+}
+
+.counter-panel__label {
+  font-size: 26rpx;
+  color: #57606a;
+}
+
+.counter-panel__value {
+  margin: 18rpx 0;
+  font-size: 64rpx;
+  font-weight: 700;
+  color: #17212b;
+}
+
+.counter-panel__button {
+  width: 100%;
+  color: #fff;
+  background: #1f883d;
+  border-radius: 8rpx;
+}
+
+.counter-panel__button::after {
+  border: 0;
+}

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

@@ -0,0 +1,12 @@
+Page({
+  data: {
+    platform: import.meta.env.PLATFORM,
+    status: 'ready',
+    count: 0,
+  },
+  increment() {
+    this.setData({
+      count: this.data.count + 1,
+    })
+  },
+})

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

@@ -0,0 +1,22 @@
+<wxs module="platformTools" src="./platform.wxs" />
+
+<view class="page-shell">
+  <view class="page-heading">
+    <view class="page-heading__eyebrow">weapp-vite</view>
+    <view class="page-heading__title">原生多平台 + Web</view>
+    <view class="page-heading__description">一次维护，按目标平台独立构建和验收。</view>
+  </view>
+
+  <view id="platform-marker" class="runtime-marker">MP_PLATFORM={{platformTools.label(platform)}}</view>
+  <view id="runtime-status" class="runtime-status">status={{status}}</view>
+
+  <PlatformCard platform="{{platform}}" />
+
+  <view class="counter-panel">
+    <view class="counter-panel__label">跨端交互检查</view>
+    <view id="counter-value" class="counter-panel__value">{{count}}</view>
+    <button id="increment-button" class="counter-panel__button" bind:tap="increment">
+      增加计数
+    </button>
+  </view>
+</view>

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

@@ -0,0 +1,7 @@
+function label(value) {
+  return value || 'unknown'
+}
+
+module.exports = {
+  label: label,
+}

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

@@ -0,0 +1,9 @@
+{
+  "$schema": "https://vite.icebreaker.top/sitemap.json",
+  "rules": [
+    {
+      "action": "allow",
+      "page": "*"
+    }
+  ]
+}

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

@@ -0,0 +1,5 @@
+import { icebreaker } from '@icebreakers/stylelint-config'
+
+export default icebreaker({
+  miniProgram: true,
+})

package/templates/multi-platform/tsconfig.json

@@ -0,0 +1,17 @@
+{
+  "references": [
+    {
+      "path": "./.weapp-vite/tsconfig.app.json"
+    },
+    {
+      "path": "./.weapp-vite/tsconfig.server.json"
+    },
+    {
+      "path": "./.weapp-vite/tsconfig.node.json"
+    },
+    {
+      "path": "./.weapp-vite/tsconfig.shared.json"
+    }
+  ],
+  "files": []
+}

package/templates/multi-platform/vite.config.ts

@@ -0,0 +1,43 @@
+import { defineConfig } from 'weapp-vite'
+
+export default defineConfig({
+  weapp: {
+    srcRoot: 'src',
+    multiPlatform: {
+      enabled: true,
+      targets: ['weapp', 'alipay', 'tt', 'swan', 'jd', 'xhs'],
+    },
+    injectWeapi: {
+      enabled: true,
+      replaceWx: true,
+    },
+    web: {
+      enable: true,
+      outDir: 'dist/web',
+      pluginOptions: {
+        runtime: {
+          routing: {
+            mode: 'history',
+          },
+        },
+      },
+    },
+    generate: {
+      extensions: {
+        js: 'ts',
+        wxss: 'scss',
+      },
+      dirs: {
+        component: 'src/components',
+        page: 'src/pages',
+      },
+    },
+  },
+  css: {
+    preprocessorOptions: {
+      scss: {
+        silenceDeprecations: ['legacy-js-api', 'import'],
+      },
+    },
+  },
+})

package/templates/multi-platform-sfc/.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-sfc/README.md

@@ -0,0 +1,43 @@
+# weapp-vite 多平台 Vue SFC + Web 模板
+
+这个模板使用 Wevu 和 Vue SFC 编写 App、Page 与 Component，并按命令选择单个目标平台构建。当前覆盖微信、支付宝、抖音、百度、京东、小红书和 Web Runtime。
+
+```sh
+pnpm create weapp-vite my-app multi-platform-sfc
+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 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`。
+
+## SFC 约束
+
+- Runtime API 从 `wevu` 导入，页面和组件默认使用 `<script setup lang="ts">`。
+- App、Page、Component 分别使用 `defineAppJson`、`definePageJson`、`defineComponentJson`，一个 SFC 不混用多套 JSON 配置。
+- 公共模板使用显式 props 与事件，不使用 `v-bind="object"`、不可赋值的 `v-model` 或仅适用于 Vue Web 的模板行为。
+- `.weapp-vite` 是 `wv prepare` 管理的类型支持目录；类型漂移时先运行 `pnpm exec wv prepare -p weapp`。
+
+各平台项目配置位于 `config/<platform>`。创建项目后请替换目标平台的 AppID，再导入对应的 `dist/<platform>` 目录。
+
+Web Runtime 适合浏览器联调和兼容验证，不能替代小程序开发者工具或真机验收。微信和 Web 可以做自动化交互验收，支付宝使用官方 `minidev build` 做 IDE 编译检查，百度 Runtime 依赖可用的 WebSocket 端点，抖音、京东和小红书仍需在各自官方工具中人工复验。详细说明见 [多平台构建指南](https://vite.icebreaker.top/guide/multi-platform)。

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,24 @@
+{
+  "description": "weapp-vite 多平台 SFC 模板",
+  "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-sfc/config/xhs/project.config.json

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

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

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

package/templates/multi-platform-sfc/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-sfc/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 多平台 SFC 模板</title>
+  </head>
+  <body>
+    <div id="app"></div>
+    <script type="module" src="/@weapp-vite/web/entry"></script>
+  </body>
+</html>

package/templates/multi-platform-sfc/package.json

@@ -0,0 +1,48 @@
+{
+  "name": "weapp-vite-multi-platform-sfc-template",
+  "type": "module",
+  "version": "1.0.0",
+  "private": true,
+  "description": "weapp-vite + Wevu 多平台 Vue SFC 与 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",
+    "typecheck": "vue-tsc --noEmit -p .weapp-vite/tsconfig.app.json",
+    "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",
+    "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:",
+    "stylelint": "catalog:",
+    "typescript": "catalog:",
+    "vue-tsc": "catalog:",
+    "weapp-vite": "workspace:*",
+    "wevu": "workspace:*"
+  }
+}

package/templates/multi-platform-sfc/src/app.vue

@@ -0,0 +1,19 @@
+<script setup lang="ts">
+defineAppJson({
+  pages: ['pages/index/index'],
+  window: {
+    navigationBarTitleText: '多平台 SFC 模板',
+    navigationBarBackgroundColor: '#ffffff',
+    navigationBarTextStyle: 'black',
+  },
+  sitemapLocation: 'sitemap.json',
+})
+</script>
+
+<style>
+page {
+  min-height: 100%;
+  color: #17212b;
+  background: #f4f6f8;
+}
+</style>

package/templates/multi-platform-sfc/src/components/PlatformCard/index.vue

@@ -0,0 +1,55 @@
+<script setup lang="ts">
+import { computed } from 'wevu'
+
+const props = defineProps<{
+  platform?: string
+}>()
+
+defineComponentJson({
+  component: true,
+})
+
+const platformLabel = computed(() => props.platform || 'unknown')
+</script>
+
+<template>
+  <view id="platform-card" class="platform-card">
+    <view class="platform-card__label">
+      当前 SFC 构建目标
+    </view>
+    <view id="component-platform" class="platform-card__value">
+      {{ platformLabel }}
+    </view>
+    <view class="platform-card__hint">
+      Page 与 Component 都由 Vue SFC 编译为目标平台产物
+    </view>
+  </view>
+</template>
+
+<style>
+.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;
+}
+</style>

package/templates/multi-platform-sfc/src/pages/index/index.vue

@@ -0,0 +1,134 @@
+<script setup lang="ts">
+import { computed, ref } from 'wevu'
+import PlatformCard from '../../components/PlatformCard/index.vue'
+
+definePageJson({
+  navigationBarTitleText: '多平台 SFC 模板',
+})
+
+const platform = import.meta.env.PLATFORM
+const status = ref('ready')
+const count = ref(0)
+const doubled = computed(() => count.value * 2)
+
+function increment() {
+  count.value += 1
+}
+</script>
+
+<template>
+  <view class="page-shell">
+    <view class="page-heading">
+      <view class="page-heading__eyebrow">
+        weapp-vite + wevu
+      </view>
+      <view class="page-heading__title">
+        Vue SFC 多平台 + Web
+      </view>
+      <view class="page-heading__description">
+        同一份 SFC 源码，按目标平台独立构建和验收。
+      </view>
+    </view>
+
+    <view id="platform-marker" class="runtime-marker">
+      MP_PLATFORM={{ platform }}
+    </view>
+    <view id="runtime-status" class="runtime-status">
+      status={{ status }}
+    </view>
+
+    <PlatformCard :platform="platform" />
+
+    <view class="counter-panel">
+      <view class="counter-panel__label">
+        SFC 响应式交互检查
+      </view>
+      <view id="counter-value" class="counter-panel__value">
+        {{ count }}
+      </view>
+      <view id="counter-doubled" class="counter-panel__doubled">
+        doubled={{ doubled }}
+      </view>
+      <button id="increment-button" class="counter-panel__button" @tap="increment">
+        增加计数
+      </button>
+    </view>
+  </view>
+</template>
+
+<style>
+.page-shell {
+  box-sizing: border-box;
+  min-height: 100vh;
+  padding: 72rpx 32rpx 48rpx;
+}
+
+.page-heading {
+  margin-bottom: 32rpx;
+}
+
+.page-heading__eyebrow {
+  font-size: 24rpx;
+  font-weight: 600;
+  color: #1a7f37;
+}
+
+.page-heading__title {
+  margin-top: 12rpx;
+  font-size: 52rpx;
+  font-weight: 700;
+  color: #17212b;
+}
+
+.page-heading__description {
+  margin-top: 16rpx;
+  font-size: 28rpx;
+  line-height: 1.6;
+  color: #57606a;
+}
+
+.runtime-marker,
+.runtime-status {
+  font-family: monospace;
+  font-size: 24rpx;
+  color: #57606a;
+}
+
+.runtime-status {
+  margin: 8rpx 0 28rpx;
+}
+
+.counter-panel {
+  padding: 32rpx;
+  margin-top: 24rpx;
+  text-align: center;
+  background: #fff;
+  border: 2rpx solid #d8dee4;
+  border-radius: 12rpx;
+}
+
+.counter-panel__label,
+.counter-panel__doubled {
+  font-size: 26rpx;
+  color: #57606a;
+}
+
+.counter-panel__value {
+  margin: 18rpx 0 8rpx;
+  font-size: 64rpx;
+  font-weight: 700;
+  color: #17212b;
+}
+
+.counter-panel__button {
+  width: 100%;
+  margin-top: 24rpx;
+  color: #fff;
+  background: #1f883d;
+  border-radius: 8rpx;
+}
+
+.counter-panel__button::after {
+  border: 0;
+}
+</style>

package/templates/multi-platform-sfc/src/sitemap.json

@@ -0,0 +1,9 @@
+{
+  "desc": "多平台 SFC 模板 sitemap",
+  "rules": [
+    {
+      "action": "allow",
+      "page": "*"
+    }
+  ]
+}

package/templates/multi-platform-sfc/stylelint.config.js

@@ -0,0 +1,5 @@
+import { icebreaker } from '@icebreakers/stylelint-config'
+
+export default icebreaker({
+  miniProgram: true,
+})

package/templates/multi-platform-sfc/tsconfig.json

@@ -0,0 +1,17 @@
+{
+  "references": [
+    {
+      "path": "./.weapp-vite/tsconfig.app.json"
+    },
+    {
+      "path": "./.weapp-vite/tsconfig.server.json"
+    },
+    {
+      "path": "./.weapp-vite/tsconfig.node.json"
+    },
+    {
+      "path": "./.weapp-vite/tsconfig.shared.json"
+    }
+  ],
+  "files": []
+}