finish vite config

config/appid.dev.js

@@ -1,5 +0,0 @@
-module.exports = {
-    'mp-toutiao': {
-        appid: 'ttc690b02d599a28ee01-d',
-    },
-};

config/appid.prod.js

@@ -1,5 +0,0 @@
-module.exports = {
-    'mp-toutiao': {
-        appid: 'ttc690b02d599a28ee01-p',
-    },
-};

envs/.env.development

@@ -0,0 +1,4 @@
+# 接口地址
+VITE_API_BASE=https://api.test.com
+# 头条小程序 appid
+VITE_TOUTIAO_APPID=ttc690b02d599a28ee01

envs/.env.production

@@ -0,0 +1,4 @@
+# 接口地址
+VITE_API_BASE=https://api.formal.com
+# 头条小程序 appid
+VITE_TOUTIAO_APPID=ttc690b02d599a28ee01-p

package.json

@@ -11,8 +11,8 @@
     "dev:mp-kuaishou": "uni -p mp-kuaishou",
     "dev:mp-lark": "uni -p mp-lark",
     "dev:mp-qq": "uni -p mp-qq",
-    "dev:mp-toutiao": "uni -p mp-toutiao --mode dev",
-    "dev:mp-toutiao-prod": "uni -p mp-toutiao --mode prod",
+    "dev:mp-toutiao": "uni -p mp-toutiao --mode development",
+    "pro:mp-toutiao": "uni -p mp-toutiao --mode production",
     "dev:mp-harmony": "uni -p mp-harmony",
     "dev:mp-weixin": "uni -p mp-weixin",
     "dev:mp-xhs": "uni -p mp-xhs",

src/App.vue

@@ -1,17 +1,13 @@
-<script>
-export default {
-  onLaunch: function () {
-    console.log('App Launch')
-  },
-  onShow: function () {
-    console.log('App Show')
-  },
-  onHide: function () {
-    console.log('App Hide')
-  },
-}
+<script setup>
+import { onLaunch } from '@dcloudio/uni-app';
+onLaunch(() => {
+    console.log('App onLaunch');
+})
 </script>
 
 <style>
 /*每个页面公共css */
+view, scroll-view, picker, input {
+    box-sizing: border-box;
+}
 </style>

src/manifest.json

@@ -1,5 +1,5 @@
 {
-    "name" : "",
+    "name" : "app",
     "appid" : "",
     "description" : "",
     "versionName" : "1.0.0",
@@ -63,7 +63,7 @@
         "usingComponents" : true
     },
     "mp-toutiao" : {
-        "appid" : "ttc690b02d599a28ee01-d",
+        "appid" : "ttc690b02d599a28ee01",
         "setting" : {
             "urlCheck" : false
         },

src/pages/index/index.vue

@@ -1,48 +1,14 @@
-<template>
-  <view class="content">
-    <image class="logo" src="/static/logo.png"></image>
-    <view class="text-area">
-      <text class="title">{{ title }}</text>
-    </view>
-  </view>
-</template>
+<script setup>
+import { onLoad } from '@dcloudio/uni-app';
 
-<script>
-export default {
-  data() {
-    return {
-      title: 'Hello',
-    }
-  },
-  onLoad() {},
-  methods: {},
-}
-</script>
+onLoad(() => {});
 
-<style>
-.content {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-}
+</script>
 
-.logo {
-  height: 200rpx;
-  width: 200rpx;
-  margin-top: 200rpx;
-  margin-left: auto;
-  margin-right: auto;
-  margin-bottom: 50rpx;
-}
+<template>
+	<view class="index-index">hello</view>
+</template>
 
-.text-area {
-  display: flex;
-  justify-content: center;
-}
+<style lang="scss" scoped>
 
-.title {
-  font-size: 36rpx;
-  color: #8f8f94;
-}
 </style>

tools/json-editor.js

@@ -13,7 +13,7 @@ const path = require('path');
 function updateJsonFileField(filePath, fieldPath, newValue, options = {}) {
     const tabSize = options.tabSize || 2;
     if (!fs.existsSync(filePath)) {
-        console.warn(`[json-editor] ⚠️ 文件不存在: ${filePath}`);
+        console.warn(`[json-editor] 文件不存在: ${filePath}`);
         return;
     }
     try {
@@ -21,16 +21,16 @@ function updateJsonFileField(filePath, fieldPath, newValue, options = {}) {
         parse(raw); // 验证是否为合法 JSONC
 
         const edits = modify(raw, fieldPath, newValue, {
-        formattingOptions: {
-            insertSpaces: true,
-            tabSize,
-        },
+            formattingOptions: {
+                insertSpaces: true,
+                tabSize,
+            },
         });
         const updated = applyEdits(raw, edits);
         fs.writeFileSync(filePath, updated, 'utf-8');
-        console.log(`[json-editor] ✅ ${path.basename(filePath)} -> 修改 ${fieldPath.join('.')} = ${JSON.stringify(newValue)}`);
+        console.log(`[json-editor] ${path.basename(filePath)} -> 修改 ${fieldPath.join('.')} = ${JSON.stringify(newValue)}`);
     } catch (err) {
-        console.error(`[json-editor] ❌ 修改失败: ${err.message}`);
+        console.error(`[json-editor] 修改失败: ${err.message}`);
     }
 }
 

vite.config.js

@@ -1,19 +1,22 @@
-import { defineConfig } from 'vite';
+import { defineConfig, loadEnv } from 'vite';
 import uni from '@dcloudio/vite-plugin-uni';
 import path from 'path';
 import { updateJsonFileField } from './tools/json-editor.js';
 // https://vitejs.dev/config/
-export default defineConfig(({ mode }) =>{
-    console.log('当前模式:', mode);
-    const configAppidPath = path.resolve(__dirname, `config/appid.${mode}.js`);
-    const appidConfig = require(configAppidPath);
+/**
+ * @param {String} mode  development/production
+*/
+export default defineConfig(({ mode = 'development' }) =>{
+    const env = loadEnv(mode, './envs');
+    console.log('current mode:', mode);
     const manifestPath = path.resolve(__dirname, 'src/manifest.json');
-    for (const [platform, config] of Object.entries(appidConfig)) {
-        updateJsonFileField(manifestPath, [platform, 'appid'], config.appid);
-    }
+    updateJsonFileField(manifestPath, ['mp-toutiao', 'appid'], env.VITE_TOUTIAO_APPID);
     return {
         plugins: [
             uni(),
         ],
+        define: {
+            __API__: JSON.stringify(env.VITE_API_BASE),
+        }
     }
 })