init

2025-09-14 03:13:47 +08:00
commit 08e5b1f3a4
47 changed files with 29814 additions and 0 deletions
--- a/2025-09-14-webpack-demo/.editorconfig
+++ b/2025-09-14-webpack-demo/.editorconfig
@@ -0,0 +1,12 @@
+# http://editorconfig.org
+root = true
+
+[*]
+indent_style = space
+indent_size = 2
+charset = utf-8
+trim_trailing_whitespace = true
+insert_final_newline = true
+
+[*.md]
+trim_trailing_whitespace = false
--- a/2025-09-14-webpack-demo/.env.development
+++ b/2025-09-14-webpack-demo/.env.development
@@ -0,0 +1,2 @@
+# 配置文档参考 https://taro-docs.jd.com/docs/next/env-mode-config
+# TARO_APP_ID="开发环境下的小程序 AppID"
--- a/2025-09-14-webpack-demo/.env.production
+++ b/2025-09-14-webpack-demo/.env.production
@@ -0,0 +1 @@
+# TARO_APP_ID="生产环境下的小程序 AppID"
--- a/2025-09-14-webpack-demo/.env.test
+++ b/2025-09-14-webpack-demo/.env.test
@@ -0,0 +1 @@
+# TARO_APP_ID="测试环境下的小程序 AppID"
--- a/2025-09-14-webpack-demo/.eslintrc
+++ b/2025-09-14-webpack-demo/.eslintrc
@@ -0,0 +1,7 @@
+{
+  "extends": ["taro/react"],
+  "rules": {
+    "react/jsx-uses-react": "off",
+    "react/react-in-jsx-scope": "off"
+  }
+}
--- a/2025-09-14-webpack-demo/.gitignore
+++ b/2025-09-14-webpack-demo/.gitignore
@@ -0,0 +1,8 @@
+dist/
+deploy_versions/
+.temp/
+.rn_temp/
+node_modules/
+.DS_Store
+.swc
+*.local
--- a/2025-09-14-webpack-demo/.husky/commit-msg
+++ b/2025-09-14-webpack-demo/.husky/commit-msg
@@ -0,0 +1,4 @@
+#!/usr/bin/env sh
+
+# 运行 commitlint 检查 commit message
+npx --no -- commitlint --edit ${1}
--- a/2025-09-14-webpack-demo/babel.config.js
+++ b/2025-09-14-webpack-demo/babel.config.js
@@ -0,0 +1,11 @@
+// babel-preset-taro 更多选项和默认值：
+// https://docs.taro.zone/docs/next/babel-config
+module.exports = {
+  presets: [
+    ['taro', {
+      framework: 'react',
+      ts: true,
+      compiler: 'webpack5',
+    }]
+  ]
+}
--- a/2025-09-14-webpack-demo/commitlint.config.mjs
+++ b/2025-09-14-webpack-demo/commitlint.config.mjs
@@ -0,0 +1 @@
+export default { extends: ["@commitlint/config-conventional"] };
--- a/2025-09-14-webpack-demo/config/dev.ts
+++ b/2025-09-14-webpack-demo/config/dev.ts
@@ -0,0 +1,10 @@
+import type { UserConfigExport } from "@tarojs/cli"
+
+export default {
+   logger: {
+    quiet: false,
+    stats: true
+  },
+  mini: {},
+  h5: {}
+} satisfies UserConfigExport<'webpack5'>
--- a/2025-09-14-webpack-demo/config/index.ts
+++ b/2025-09-14-webpack-demo/config/index.ts
@@ -0,0 +1,94 @@
+import { defineConfig, type UserConfigExport } from "@tarojs/cli";
+import TsconfigPathsPlugin from "tsconfig-paths-webpack-plugin";
+import devConfig from "./dev";
+import prodConfig from "./prod";
+
+// https://taro-docs.jd.com/docs/next/config#defineconfig-辅助函数
+export default defineConfig<"webpack5">(async (merge, { command, mode }) => {
+  const baseConfig: UserConfigExport<"webpack5"> = {
+    projectName: "2025-09-14-webpack-demo",
+    date: "2025-9-14",
+    designWidth: 750,
+    deviceRatio: {
+      640: 2.34 / 2,
+      750: 1,
+      375: 2,
+      828: 1.81 / 2,
+    },
+    sourceRoot: "src",
+    outputRoot: "dist",
+    plugins: ["@tarojs/plugin-generator", "@tarojs/plugin-platform-xhs"],
+    defineConstants: {},
+    copy: {
+      patterns: [],
+      options: {},
+    },
+    framework: "react",
+    compiler: "webpack5",
+    cache: {
+      enable: false, // Webpack 持久化缓存配置，建议开启。默认配置请参考：https://docs.taro.zone/docs/config-detail#cache
+    },
+    mini: {
+      postcss: {
+        pxtransform: {
+          enable: true,
+          config: {},
+        },
+        cssModules: {
+          enable: false, // 默认为 false，如需使用 css modules 功能，则设为 true
+          config: {
+            namingPattern: "module", // 转换模式，取值为 global/module
+            generateScopedName: "[name]__[local]___[hash:base64:5]",
+          },
+        },
+      },
+      webpackChain(chain) {
+        chain.resolve.plugin("tsconfig-paths").use(TsconfigPathsPlugin);
+      },
+    },
+    h5: {
+      publicPath: "/",
+      staticDirectory: "static",
+      output: {
+        filename: "js/[name].[hash:8].js",
+        chunkFilename: "js/[name].[chunkhash:8].js",
+      },
+      miniCssExtractPluginOption: {
+        ignoreOrder: true,
+        filename: "css/[name].[hash].css",
+        chunkFilename: "css/[name].[chunkhash].css",
+      },
+      postcss: {
+        autoprefixer: {
+          enable: true,
+          config: {},
+        },
+        cssModules: {
+          enable: false, // 默认为 false，如需使用 css modules 功能，则设为 true
+          config: {
+            namingPattern: "module", // 转换模式，取值为 global/module
+            generateScopedName: "[name]__[local]___[hash:base64:5]",
+          },
+        },
+      },
+      webpackChain(chain) {
+        chain.resolve.plugin("tsconfig-paths").use(TsconfigPathsPlugin);
+      },
+    },
+    rn: {
+      appName: "taroDemo",
+      postcss: {
+        cssModules: {
+          enable: false, // 默认为 false，如需使用 css modules 功能，则设为 true
+        },
+      },
+    },
+  };
+
+  if (process.env.NODE_ENV === "development") {
+    // 本地开发构建配置（不混淆压缩）
+    return merge({}, baseConfig, devConfig);
+  }
+  // 生产构建配置（默认开启压缩混淆等）
+  return merge({}, baseConfig, prodConfig);
+});
--- a/2025-09-14-webpack-demo/config/prod.ts
+++ b/2025-09-14-webpack-demo/config/prod.ts
@@ -0,0 +1,33 @@
+import type { UserConfigExport } from "@tarojs/cli"
+
+export default {
+  mini: {},
+  h5: {
+    /**
+     * WebpackChain 插件配置
+     * @docs https://github.com/neutrinojs/webpack-chain
+     */
+    // webpackChain (chain) {
+    //   /**
+    //    * 如果 h5 端编译后体积过大，可以使用 webpack-bundle-analyzer 插件对打包体积进行分析。
+    //    * @docs https://github.com/webpack-contrib/webpack-bundle-analyzer
+    //    */
+    //   chain.plugin('analyzer')
+    //     .use(require('webpack-bundle-analyzer').BundleAnalyzerPlugin, [])
+    //   /**
+    //    * 如果 h5 端首屏加载时间过长，可以使用 prerender-spa-plugin 插件预加载首页。
+    //    * @docs https://github.com/chrisvfritz/prerender-spa-plugin
+    //    */
+    //   const path = require('path')
+    //   const Prerender = require('prerender-spa-plugin')
+    //   const staticDir = path.join(__dirname, '..', 'dist')
+    //   chain
+    //     .plugin('prerender')
+    //     .use(new Prerender({
+    //       staticDir,
+    //       routes: [ '/pages/index/index' ],
+    //       postProcess: (context) => ({ ...context, outputPath: path.join(staticDir, 'index.html') })
+    //     }))
+    // }
+  }
+} satisfies UserConfigExport<'webpack5'>
--- a/2025-09-14-webpack-demo/package.json
+++ b/2025-09-14-webpack-demo/package.json
@@ -0,0 +1,92 @@
+{
+  "name": "2025-09-14-webpack-demo",
+  "version": "1.0.0",
+  "private": true,
+  "description": "webpack demo",
+  "templateInfo": {
+    "name": "default",
+    "typescript": true,
+    "css": "None",
+    "framework": "React"
+  },
+  "scripts": {
+    "prepare": "husky",
+    "new": "taro new",
+    "build:weapp": "taro build --type weapp",
+    "build:swan": "taro build --type swan",
+    "build:alipay": "taro build --type alipay",
+    "build:tt": "taro build --type tt",
+    "build:h5": "taro build --type h5",
+    "build:rn": "taro build --type rn",
+    "build:qq": "taro build --type qq",
+    "build:jd": "taro build --type jd",
+    "build:harmony-hybrid": "taro build --type harmony-hybrid",
+    "build:xhs": "taro build --type xhs",
+    "dev:xhs": "npm run build:xhs -- --watch",
+    "dev:weapp": "npm run build:weapp -- --watch",
+    "dev:swan": "npm run build:swan -- --watch",
+    "dev:alipay": "npm run build:alipay -- --watch",
+    "dev:tt": "npm run build:tt -- --watch",
+    "dev:h5": "npm run build:h5 -- --watch",
+    "dev:rn": "npm run build:rn -- --watch",
+    "dev:qq": "npm run build:qq -- --watch",
+    "dev:jd": "npm run build:jd -- --watch",
+    "dev:harmony-hybrid": "npm run build:harmony-hybrid -- --watch"
+  },
+  "browserslist": [
+    "defaults and fully supports es6-module",
+    "maintained node versions"
+  ],
+  "author": "",
+  "dependencies": {
+    "@babel/runtime": "^7.24.4",
+    "@tarojs/components": "4.1.6",
+    "@tarojs/helper": "4.1.6",
+    "@tarojs/plugin-platform-weapp": "4.1.6",
+    "@tarojs/plugin-platform-alipay": "4.1.6",
+    "@tarojs/plugin-platform-tt": "4.1.6",
+    "@tarojs/plugin-platform-swan": "4.1.6",
+    "@tarojs/plugin-platform-jd": "4.1.6",
+    "@tarojs/plugin-platform-qq": "4.1.6",
+    "@tarojs/plugin-platform-h5": "4.1.6",
+    "@tarojs/plugin-platform-harmony-hybrid": "4.1.6",
+    "@tarojs/plugin-platform-xhs": "^1.2.2",
+    "@tarojs/runtime": "4.1.6",
+    "@tarojs/shared": "4.1.6",
+    "@tarojs/taro": "4.1.6",
+    "@tarojs/plugin-framework-react": "4.1.6",
+    "@tarojs/react": "4.1.6",
+    "react-dom": "^18.0.0",
+    "react": "^18.0.0"
+  },
+  "devDependencies": {
+    "@tarojs/plugin-generator": "4.1.6",
+    "@commitlint/cli": "^19.8.1",
+    "@commitlint/config-conventional": "^19.8.1",
+    "lint-staged": "^16.1.2",
+    "husky": "^9.1.7",
+    "stylelint-config-standard": "^38.0.0",
+    "@babel/core": "^7.24.4",
+    "@tarojs/cli": "4.1.6",
+    "@babel/plugin-transform-class-properties": "7.25.9",
+    "@types/webpack-env": "^1.13.6",
+    "@types/react": "^18.0.0",
+    "webpack": "5.91.0",
+    "@tarojs/taro-loader": "4.1.6",
+    "@tarojs/webpack5-runner": "4.1.6",
+    "babel-preset-taro": "4.1.6",
+    "eslint-config-taro": "4.1.6",
+    "eslint": "^8.57.0",
+    "@pmmmwh/react-refresh-webpack-plugin": "^0.5.5",
+    "react-refresh": "^0.14.0",
+    "@babel/preset-react": "^7.24.1",
+    "eslint-plugin-react": "^7.34.1",
+    "eslint-plugin-react-hooks": "^4.4.0",
+    "stylelint": "^16.4.0",
+    "typescript": "^5.4.5",
+    "tsconfig-paths-webpack-plugin": "^4.1.0",
+    "postcss": "^8.4.38",
+    "@types/node": "^18",
+    "@types/minimatch": "^5"
+  }
+}
--- a/2025-09-14-webpack-demo/pnpm-lock.yaml
+++ b/2025-09-14-webpack-demo/pnpm-lock.yaml
--- a/2025-09-14-webpack-demo/project.config.json
+++ b/2025-09-14-webpack-demo/project.config.json
@@ -0,0 +1,15 @@
+{
+  "miniprogramRoot": "./dist",
+  "projectname": "2025-09-14-webpack-demo",
+  "description": "webpack demo",
+  "appid": "touristappid",
+  "setting": {
+    "urlCheck": true,
+    "es6": false,
+    "enhance": false,
+    "compileHotReLoad": false,
+    "postcss": false,
+    "minified": false
+  },
+  "compileType": "miniprogram"
+}
--- a/2025-09-14-webpack-demo/project.xhs.json
+++ b/2025-09-14-webpack-demo/project.xhs.json
@@ -0,0 +1,75 @@
+{
+  "description": "项目配置文件",
+  "packOptions": {
+    "ignore": []
+  },
+  "setting": {
+    "minified": true,
+    "urlCheck": true,
+    "useNewDevtools": false,
+    "enableSimulatorV2": true,
+    "enableV2": false,
+    "enableVDom": true,
+    "useNewCompiler": true,
+    "bundle": false,
+    "userConfirmedBundleSwitch": false,
+    "scopeDataCheck": false,
+    "coverView": true,
+    "es6": true,
+    "postcss": true,
+    "compileHotReLoad": false,
+    "lazyloadPlaceholderEnable": false,
+    "preloadBackgroundData": false,
+    "autoAudits": false,
+    "newFeature": false,
+    "uglifyFileName": false,
+    "uploadWithSourceMap": true,
+    "useIsolateContext": true,
+    "nodeModules": false,
+    "enhance": true,
+    "useMultiFrameRuntime": true,
+    "useApiHook": true,
+    "useApiHostProcess": true,
+    "showShadowRootInWxmlPanel": true,
+    "packNpmManually": false,
+    "enableEngineNative": false,
+    "packNpmRelationList": [],
+    "minifyWXSS": true,
+    "showES6CompileOption": false,
+    "useLiteCompiler": true
+  },
+  "compileType": "miniprogram",
+  "libVersion": "3.116.2",
+  "projectname": "xhs-demo",
+  "debugOptions": {
+    "hidedInDevtools": []
+  },
+  "appid": "68c47321131b9b0001166b7d",
+  "scripts": {},
+  "staticServerOptions": {
+    "baseURL": "",
+    "servePath": ""
+  },
+  "isGameTourist": false,
+  "condition": {
+    "search": {
+      "list": []
+    },
+    "conversation": {
+      "list": []
+    },
+    "game": {
+      "list": []
+    },
+    "plugin": {
+      "list": []
+    },
+    "gamePlugin": {
+      "list": []
+    },
+    "miniprogram": {
+      "list": []
+    }
+  },
+  "projectName": "jd-code-exchange"
+}
--- a/2025-09-14-webpack-demo/src/app.config.ts
+++ b/2025-09-14-webpack-demo/src/app.config.ts
@@ -0,0 +1,11 @@
+export default defineAppConfig({
+  pages: [
+    'pages/index/index'
+  ],
+  window: {
+    backgroundTextStyle: 'light',
+    navigationBarBackgroundColor: '#fff',
+    navigationBarTitleText: 'WeChat',
+    navigationBarTextStyle: 'black'
+  }
+})
--- a/2025-09-14-webpack-demo/src/app.css
+++ b/2025-09-14-webpack-demo/src/app.css
--- a/2025-09-14-webpack-demo/src/app.ts
+++ b/2025-09-14-webpack-demo/src/app.ts
@@ -0,0 +1,17 @@
+import { PropsWithChildren } from 'react'
+import { useLaunch } from '@tarojs/taro'
+
+import './app.css'
+
+function App({ children }: PropsWithChildren<any>) {
+  useLaunch(() => {
+    console.log('App launched.')
+  })
+
+  // children 是将要会渲染的页面
+  return children
+}
+  
+
+
+export default App
--- a/2025-09-14-webpack-demo/src/index.html
+++ b/2025-09-14-webpack-demo/src/index.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <meta content="text/html; charset=utf-8" http-equiv="Content-Type">
+  <meta content="width=device-width,initial-scale=1,user-scalable=no" name="viewport">
+  <meta name="apple-mobile-web-app-capable" content="yes">
+  <meta name="apple-touch-fullscreen" content="yes">
+  <meta name="format-detection" content="telephone=no,address=no">
+  <meta name="apple-mobile-web-app-status-bar-style" content="white">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" >
+  <title>2025-09-14-webpack-demo</title>
+  <script><%= htmlWebpackPlugin.options.script %></script>
+</head>
+<body>
+  <div id="app"></div>
+</body>
+</html>
--- a/2025-09-14-webpack-demo/src/pages/index/index.config.ts
+++ b/2025-09-14-webpack-demo/src/pages/index/index.config.ts
@@ -0,0 +1,3 @@
+export default definePageConfig({
+  navigationBarTitleText: '首页'
+})
--- a/2025-09-14-webpack-demo/src/pages/index/index.css
+++ b/2025-09-14-webpack-demo/src/pages/index/index.css
--- a/2025-09-14-webpack-demo/src/pages/index/index.tsx
+++ b/2025-09-14-webpack-demo/src/pages/index/index.tsx
@@ -0,0 +1,15 @@
+import { View, Text } from '@tarojs/components'
+import { useLoad } from '@tarojs/taro'
+import './index.css'
+
+export default function Index () {
+  useLoad(() => {
+    console.log('Page loaded.')
+  })
+
+  return (
+    <View className='index'>
+      <Text>Hello world!</Text>
+    </View>
+  )
+}
--- a/2025-09-14-webpack-demo/stylelint.config.mjs
+++ b/2025-09-14-webpack-demo/stylelint.config.mjs
@@ -0,0 +1,4 @@
+/** @type {import('stylelint').Config} */
+export default {
+  extends: "stylelint-config-standard",
+};
--- a/2025-09-14-webpack-demo/tsconfig.json
+++ b/2025-09-14-webpack-demo/tsconfig.json
@@ -0,0 +1,30 @@
+{
+  "compilerOptions": {
+    "target": "es2017",
+    "module": "commonjs",
+    "removeComments": false,
+    "preserveConstEnums": true,
+    "moduleResolution": "node",
+    "experimentalDecorators": true,
+    "noImplicitAny": false,
+    "allowSyntheticDefaultImports": true,
+    "outDir": "lib",
+    "noUnusedLocals": true,
+    "noUnusedParameters": true,
+    "strictNullChecks": true,
+    "sourceMap": true,
+    "rootDir": ".",
+    "jsx": "react-jsx",
+    "allowJs": true,
+    "resolveJsonModule": true,
+    "typeRoots": [
+      "node_modules/@types"
+    ],
+    "paths": {
+      // TS5090 leading './'
+      "@/*": ["./src/*"]
+    }
+  },
+  "include": ["./src", "./types", "./config"],
+  "compileOnSave": false
+}
--- a/2025-09-14-webpack-demo/types/global.d.ts
+++ b/2025-09-14-webpack-demo/types/global.d.ts
@@ -0,0 +1,29 @@
+/// <reference types="@tarojs/taro" />
+
+declare module '*.png';
+declare module '*.gif';
+declare module '*.jpg';
+declare module '*.jpeg';
+declare module '*.svg';
+declare module '*.css';
+declare module '*.less';
+declare module '*.scss';
+declare module '*.sass';
+declare module '*.styl';
+
+declare namespace NodeJS {
+  interface ProcessEnv {
+    /** NODE 内置环境变量, 会影响到最终构建生成产物 */
+    NODE_ENV: 'development' | 'production',
+    /** 当前构建的平台 */
+    TARO_ENV: 'weapp' | 'swan' | 'alipay' | 'h5' | 'rn' | 'tt' | 'qq' | 'jd' | 'harmony' | 'jdrn'
+    /**
+     * 当前构建的小程序 appid
+     * @description 若不同环境有不同的小程序，可通过在 env 文件中配置环境变量`TARO_APP_ID`来方便快速切换 appid， 而不必手动去修改 dist/project.config.json 文件
+     * @see https://taro-docs.jd.com/docs/next/env-mode-config#特殊环境变量-taro_app_id
+     */
+    TARO_APP_ID: string
+  }
+}
+
+
--- a/2025-09-14/.editorconfig
+++ b/2025-09-14/.editorconfig
@@ -0,0 +1,12 @@
+# http://editorconfig.org
+root = true
+
+[*]
+indent_style = space
+indent_size = 2
+charset = utf-8
+trim_trailing_whitespace = true
+insert_final_newline = true
+
+[*.md]
+trim_trailing_whitespace = false
--- a/2025-09-14/.eslintrc
+++ b/2025-09-14/.eslintrc
@@ -0,0 +1,7 @@
+module.exports = {
+  "extends": ["taro/react"],
+  "rules": {
+    "react/jsx-uses-react": "off",
+    "react/react-in-jsx-scope": "off"
+  }
+}
--- a/2025-09-14/.gitignore
+++ b/2025-09-14/.gitignore
@@ -0,0 +1,7 @@
+dist/
+deploy_versions/
+.temp/
+.rn_temp/
+node_modules/
+.DS_Store
+.swc
--- a/2025-09-14/babel.config.js
+++ b/2025-09-14/babel.config.js
@@ -0,0 +1,24 @@
+// babel-preset-taro 更多选项和默认值：
+// https://github.com/NervJS/taro/blob/next/packages/babel-preset-taro/README.md
+module.exports = {
+  presets: [
+    ['taro',
+      {
+        framework: 'react',
+        ts: 'true',
+        compiler: 'webpack5',
+      }]
+  ],
+  plugins: [
+    [
+      "import",
+      {
+        "libraryName": "@nutui/nutui-react-taro",
+        "libraryDirectory": "dist/esm",
+        "style": 'css',
+        "camel2DashComponentName": false
+      },
+      'nutui-react-taro'
+    ]
+  ]
+}
--- a/2025-09-14/config/dev.ts
+++ b/2025-09-14/config/dev.ts
@@ -0,0 +1,9 @@
+import type { UserConfigExport } from "@tarojs/cli";
+export default {
+   logger: {
+    quiet: false,
+    stats: true
+  },
+  mini: {},
+  h5: {}
+} satisfies UserConfigExport<'webpack5'>
--- a/2025-09-14/config/index.ts
+++ b/2025-09-14/config/index.ts
@@ -0,0 +1,104 @@
+import { defineConfig, type UserConfigExport } from '@tarojs/cli'
+import TsconfigPathsPlugin from 'tsconfig-paths-webpack-plugin'
+import devConfig from './dev'
+import prodConfig from './prod'
+import vitePluginImp from 'vite-plugin-imp'
+// https://taro-docs.jd.com/docs/next/config#defineconfig-辅助函数
+export default defineConfig<'webpack5'>(async (merge, { command, mode }) => {
+  const baseConfig: UserConfigExport<'webpack5'> = {
+    projectName: '2025-09-14',
+    date: '2025-9-14',
+    designWidth: 375,
+    deviceRatio: {
+      640: 2.34 / 2,
+      750: 1,
+      375: 2,
+      828: 1.81 / 2
+    },
+    sourceRoot: 'src',
+    outputRoot: 'dist',
+    plugins: ['@tarojs/plugin-html','@tarojs/plugin-platform-xhs'],
+    defineConstants: {
+    },
+    copy: {
+      patterns: [
+      ],
+      options: {
+      }
+    },
+    framework: 'react',
+    compiler: {
+
+      type: 'webpack5', 
+      prebundle: {
+        enable: false
+      }
+    },
+    cache: {
+      enable: false // Webpack 持久化缓存配置，建议开启。默认配置请参考：https://docs.taro.zone/docs/config-detail#cache
+    },
+    mini: {
+      postcss: {
+        pxtransform: {
+          enable: true,
+          config: {
+            selectorBlackList: ['nut-']
+          }
+        },
+        cssModules: {
+          enable: false, // 默认为 false，如需使用 css modules 功能，则设为 true
+          config: {
+            namingPattern: 'module', // 转换模式，取值为 global/module
+            generateScopedName: '[name]__[local]___[hash:base64:5]'
+          }
+        }
+      },
+      webpackChain(chain) {
+        chain.resolve.plugin('tsconfig-paths').use(TsconfigPathsPlugin)
+      }
+    },
+    h5: {
+      publicPath: '/',
+      staticDirectory: 'static',
+      output: {
+        filename: 'js/[name].[hash:8].js',
+        chunkFilename: 'js/[name].[chunkhash:8].js'
+      },
+      miniCssExtractPluginOption: {
+        ignoreOrder: true,
+        filename: 'css/[name].[hash].css',
+        chunkFilename: 'css/[name].[chunkhash].css'
+      },
+      postcss: {
+        autoprefixer: {
+          enable: true,
+          config: {}
+        },
+        cssModules: {
+          enable: false, // 默认为 false，如需使用 css modules 功能，则设为 true
+          config: {
+            namingPattern: 'module', // 转换模式，取值为 global/module
+            generateScopedName: '[name]__[local]___[hash:base64:5]'
+          }
+        }
+      },
+      webpackChain(chain) {
+        chain.resolve.plugin('tsconfig-paths').use(TsconfigPathsPlugin)
+      }
+    },
+    rn: {
+      appName: 'taroDemo',
+      postcss: {
+        cssModules: {
+          enable: false, // 默认为 false，如需使用 css modules 功能，则设为 true
+        }
+      }
+    }
+  }
+  if (process.env.NODE_ENV === 'development') {
+    // 本地开发构建配置（不混淆压缩）
+    return merge({}, baseConfig, devConfig)
+  }
+  // 生产构建配置（默认开启压缩混淆等）
+  return merge({}, baseConfig, prodConfig)
+})
--- a/2025-09-14/config/prod.ts
+++ b/2025-09-14/config/prod.ts
@@ -0,0 +1,32 @@
+import type { UserConfigExport } from "@tarojs/cli";
+export default {
+  mini: {},
+  h5: {
+    /**
+     * WebpackChain 插件配置
+     * @docs https://github.com/neutrinojs/webpack-chain
+     */
+    // webpackChain (chain) {
+    //   /**
+    //    * 如果 h5 端编译后体积过大，可以使用 webpack-bundle-analyzer 插件对打包体积进行分析。
+    //    * @docs https://github.com/webpack-contrib/webpack-bundle-analyzer
+    //    */
+    //   chain.plugin('analyzer')
+    //     .use(require('webpack-bundle-analyzer').BundleAnalyzerPlugin, [])
+    //   /**
+    //    * 如果 h5 端首屏加载时间过长，可以使用 prerender-spa-plugin 插件预加载首页。
+    //    * @docs https://github.com/chrisvfritz/prerender-spa-plugin
+    //    */
+    //   const path = require('path')
+    //   const Prerender = require('prerender-spa-plugin')
+    //   const staticDir = path.join(__dirname, '..', 'dist')
+    //   chain
+    //     .plugin('prerender')
+    //     .use(new Prerender({
+    //       staticDir,
+    //       routes: [ '/pages/index/index' ],
+    //       postProcess: (context) => ({ ...context, outputPath: path.join(staticDir, 'index.html') })
+    //     }))
+    // }
+  }
+} satisfies UserConfigExport<'webpack5'>
--- a/2025-09-14/package.json
+++ b/2025-09-14/package.json
@@ -0,0 +1,90 @@
+{
+  "name": "2025-09-14",
+  "version": "1.0.0",
+  "private": true,
+  "description": "914",
+  "templateInfo": {
+    "name": "react-NutUI",
+    "typescript": true,
+    "css": "None",
+    "framework": "React"
+  },
+  "scripts": {
+    "build:weapp": "taro build --type weapp",
+    "build:swan": "taro build --type swan",
+    "build:alipay": "taro build --type alipay",
+    "build:tt": "taro build --type tt",
+    "build:h5": "taro build --type h5",
+    "build:rn": "taro build --type rn",
+    "build:qq": "taro build --type qq",
+    "build:jd": "taro build --type jd",
+    "build:quickapp": "taro build --type quickapp",
+    "build:xhs": "taro build --type xhs",
+    "dev:xhs": "npm run build:xhs -- --watch",
+    "dev:weapp": "npm run build:weapp -- --watch",
+    "dev:swan": "npm run build:swan -- --watch",
+    "dev:alipay": "npm run build:alipay -- --watch",
+    "dev:tt": "npm run build:tt -- --watch",
+    "dev:h5": "npm run build:h5 -- --watch",
+    "dev:rn": "npm run build:rn -- --watch",
+    "dev:qq": "npm run build:qq -- --watch",
+    "dev:jd": "npm run build:jd -- --watch",
+    "dev:quickapp": "npm run build:quickapp -- --watch"
+  },
+  "browserslist": [
+    "last 3 versions",
+    "Android >= 4.1",
+    "ios >= 8"
+  ],
+  "author": "",
+  "dependencies": {
+    "@babel/runtime": "^7.28.4",
+    "@nutui/nutui-react-taro": "^3.0.18",
+    "@tarojs/components": "4.1.6",
+    "@tarojs/helper": "4.1.6",
+    "@tarojs/plugin-framework-react": "4.1.6",
+    "@tarojs/plugin-html": "4.1.6",
+    "@tarojs/plugin-platform-alipay": "4.1.6",
+    "@tarojs/plugin-platform-h5": "4.1.6",
+    "@tarojs/plugin-platform-jd": "4.1.6",
+    "@tarojs/plugin-platform-qq": "4.1.6",
+    "@tarojs/plugin-platform-swan": "4.1.6",
+    "@tarojs/plugin-platform-tt": "4.1.6",
+    "@tarojs/plugin-platform-weapp": "4.1.6",
+    "@tarojs/plugin-platform-xhs": "^1.2.2",
+    "@tarojs/react": "4.1.6",
+    "@tarojs/runtime": "4.1.6",
+    "@tarojs/shared": "4.1.6",
+    "@tarojs/taro": "4.1.6",
+    "react": "^19.1.1",
+    "react-dom": "^19.1.1"
+  },
+  "devDependencies": {
+    "@babel/core": "^7.28.4",
+    "@babel/plugin-proposal-class-properties": "7.18.6",
+    "@babel/preset-react": "^7.27.1",
+    "@pmmmwh/react-refresh-webpack-plugin": "^0.6.1",
+    "@tarojs/cli": "4.1.6",
+    "@tarojs/taro-loader": "4.1.6",
+    "@tarojs/webpack5-runner": "4.1.6",
+    "@types/node": "^24.3.3",
+    "@types/react": "^19.1.13",
+    "@types/webpack-env": "^1.18.8",
+    "@typescript-eslint/eslint-plugin": "^8.43.0",
+    "@typescript-eslint/parser": "^8.43.0",
+    "babel-plugin-import": "^1.13.8",
+    "babel-preset-taro": "4.1.6",
+    "eslint": "^9.35.0",
+    "eslint-config-taro": "4.1.6",
+    "eslint-plugin-import": "^2.32.0",
+    "eslint-plugin-react": "^7.37.5",
+    "eslint-plugin-react-hooks": "^5.2.0",
+    "postcss": "^8.5.6",
+    "react-refresh": "^0.17.0",
+    "stylelint": "^16.24.0",
+    "ts-node": "^10.9.2",
+    "tsconfig-paths-webpack-plugin": "^4.2.0",
+    "typescript": "^5.9.2",
+    "webpack": "5.101.3"
+  }
+}
--- a/2025-09-14/pnpm-lock.yaml
+++ b/2025-09-14/pnpm-lock.yaml
--- a/2025-09-14/project.config.json
+++ b/2025-09-14/project.config.json
@@ -0,0 +1,25 @@
+{
+	"miniprogramRoot": "dist/",
+	"projectname": "2025-09-14",
+	"description": "914",
+	"appid": "touristappid",
+	"setting": {
+		"urlCheck": true,
+		"es6": false,
+    "enhance": false,
+    "compileHotReLoad": false,
+		"postcss": false,
+		"preloadBackgroundData": false,
+		"minified": false,
+		"newFeature": true,
+		"autoAudits": false,
+		"coverView": true,
+		"showShadowRootInWxmlPanel": false,
+		"scopeDataCheck": false,
+		"useCompilerModule": false
+	},
+	"compileType": "miniprogram",
+	"simulatorType": "wechat",
+	"simulatorPluginLibVersion": {},
+	"condition": {}
+}
--- a/2025-09-14/project.tt.json
+++ b/2025-09-14/project.tt.json
@@ -0,0 +1,13 @@
+{
+  "miniprogramRoot": "./",
+  "projectname": "2025-09-14",
+  "description": "914",
+  "appid": "touristappid",
+  "setting": {
+    "urlCheck": true,
+    "es6": false,
+    "postcss": false,
+    "minified": false
+  },
+  "compileType": "miniprogram"
+}
--- a/2025-09-14/project.xhs.json
+++ b/2025-09-14/project.xhs.json
@@ -0,0 +1,75 @@
+{
+  "description": "项目配置文件",
+  "packOptions": {
+    "ignore": []
+  },
+  "setting": {
+    "minified": true,
+    "urlCheck": true,
+    "useNewDevtools": false,
+    "enableSimulatorV2": true,
+    "enableV2": false,
+    "enableVDom": true,
+    "useNewCompiler": true,
+    "bundle": false,
+    "userConfirmedBundleSwitch": false,
+    "scopeDataCheck": false,
+    "coverView": true,
+    "es6": true,
+    "postcss": true,
+    "compileHotReLoad": false,
+    "lazyloadPlaceholderEnable": false,
+    "preloadBackgroundData": false,
+    "autoAudits": false,
+    "newFeature": false,
+    "uglifyFileName": false,
+    "uploadWithSourceMap": true,
+    "useIsolateContext": true,
+    "nodeModules": false,
+    "enhance": true,
+    "useMultiFrameRuntime": true,
+    "useApiHook": true,
+    "useApiHostProcess": true,
+    "showShadowRootInWxmlPanel": true,
+    "packNpmManually": false,
+    "enableEngineNative": false,
+    "packNpmRelationList": [],
+    "minifyWXSS": true,
+    "showES6CompileOption": false,
+    "useLiteCompiler": true
+  },
+  "compileType": "miniprogram",
+  "libVersion": "3.116.2",
+  "projectname": "xhs-demo",
+  "debugOptions": {
+    "hidedInDevtools": []
+  },
+  "appid": "68c47321131b9b0001166b7d",
+  "scripts": {},
+  "staticServerOptions": {
+    "baseURL": "",
+    "servePath": ""
+  },
+  "isGameTourist": false,
+  "condition": {
+    "search": {
+      "list": []
+    },
+    "conversation": {
+      "list": []
+    },
+    "game": {
+      "list": []
+    },
+    "plugin": {
+      "list": []
+    },
+    "gamePlugin": {
+      "list": []
+    },
+    "miniprogram": {
+      "list": []
+    }
+  },
+  "projectName": "jd-code-exchange"
+}
--- a/2025-09-14/src/app.config.ts
+++ b/2025-09-14/src/app.config.ts
@@ -0,0 +1,11 @@
+export default defineAppConfig({
+  pages: [
+    'pages/index/index'
+  ],
+  window: {
+    backgroundTextStyle: 'light',
+    navigationBarBackgroundColor: '#fff',
+    navigationBarTitleText: 'WeChat',
+    navigationBarTextStyle: 'black'
+  }
+})
--- a/2025-09-14/src/app.css
+++ b/2025-09-14/src/app.css
--- a/2025-09-14/src/app.ts
+++ b/2025-09-14/src/app.ts
@@ -0,0 +1,19 @@
+import React, { useEffect } from 'react'
+import { useDidShow, useDidHide } from '@tarojs/taro'
+// 全局样式
+import './app.css'
+
+function App(props) {
+  // 可以使用所有的 React Hooks
+  useEffect(() => {})
+
+  // 对应 onShow
+  useDidShow(() => {})
+
+  // 对应 onHide
+  useDidHide(() => {})
+
+  return props.children
+}
+
+export default App
--- a/2025-09-14/src/index.html
+++ b/2025-09-14/src/index.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <meta content="text/html; charset=utf-8" http-equiv="Content-Type">
+  <meta content="width=device-width,initial-scale=1,user-scalable=no" name="viewport">
+  <meta name="apple-mobile-web-app-capable" content="yes">
+  <meta name="apple-touch-fullscreen" content="yes">
+  <meta name="format-detection" content="telephone=no,address=no">
+  <meta name="apple-mobile-web-app-status-bar-style" content="white">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" >
+  <title>2025-09-14</title>
+  <script><%= htmlWebpackPlugin.options.script %></script>
+</head>
+<body>
+  <div id="app"></div>
+</body>
+</html>
--- a/2025-09-14/src/pages/index/index.config.ts
+++ b/2025-09-14/src/pages/index/index.config.ts
@@ -0,0 +1,3 @@
+export default definePageConfig({
+  navigationBarTitleText: '首页'
+})
--- a/2025-09-14/src/pages/index/index.css
+++ b/2025-09-14/src/pages/index/index.css
@@ -0,0 +1,7 @@
+.nutui-react-demo {
+  height: 100vh;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+}
--- a/2025-09-14/src/pages/index/index.tsx
+++ b/2025-09-14/src/pages/index/index.tsx
@@ -0,0 +1,50 @@
+import React, { useState } from 'react'
+import { View } from '@tarojs/components'
+import { Button, ConfigProvider, TextArea, Dialog } from '@nutui/nutui-react-taro'
+import enUS from '@nutui/nutui-react-taro/dist/locales/en-US'
+import zhCN from '@nutui/nutui-react-taro/dist/locales/zh-CN'
+import './index.css'
+function Index() {
+  const [locale, setLocale] = useState(zhCN)
+  const localeKey = locale === zhCN ? 'zhCN' : 'enUS'
+  const [visible, setVisible] = useState(false)
+  const [translated] = useState({
+    zhCN: {
+      welcome: '欢迎使用 NutUI React 开发 Taro 多端项目。',
+      button: '使用英文',
+      open: '点击打开',
+    },
+    enUS: {
+      welcome: 'Welcome to use NutUI React to develop Taro multi-terminal projects.',
+      button: 'Use Chinese',
+      open: 'Click Me',
+    },
+  })
+  const handleSwitchLocale = () => {
+    setLocale(locale === zhCN ? enUS : zhCN)
+  }
+  return (
+    <ConfigProvider locale={locale}>
+      <View className='nutui-react-demo'>
+        <View>{translated[localeKey].welcome}</View>
+        <View>
+          <Button type='primary' onClick={handleSwitchLocale}>
+            {translated[localeKey].button}
+          </Button>
+          <Button type='success' onClick={() => setVisible(true)}>
+            {translated[localeKey].open}
+          </Button>
+          <Dialog
+            visible={visible}
+            onConfirm={() => setVisible(false)}
+            onCancel={() => setVisible(false)}>
+            {translated[localeKey].welcome}
+          </Dialog>
+          <TextArea disabled showCount maxLength={20} />
+        </View>
+      </View>
+    </ConfigProvider>
+  )
+}
+
+export default Index
--- a/2025-09-14/tsconfig.json
+++ b/2025-09-14/tsconfig.json
@@ -0,0 +1,27 @@
+{
+  "compilerOptions": {
+    "target": "es2017",
+    "module": "commonjs",
+    "removeComments": false,
+    "preserveConstEnums": true,
+    "moduleResolution": "node",
+    "experimentalDecorators": true,
+    "noImplicitAny": false,
+    "allowSyntheticDefaultImports": true,
+    "outDir": "lib",
+    "noUnusedLocals": true,
+    "noUnusedParameters": true,
+    "strictNullChecks": true,
+    "sourceMap": true,
+    "baseUrl": ".",
+    "rootDir": ".",
+    "jsx": "react-jsx",
+    "allowJs": true,
+    "resolveJsonModule": true,
+    "typeRoots": [
+      "node_modules/@types"
+    ]
+  },
+  "include": ["./src", "./types"],
+  "compileOnSave": false
+}
--- a/2025-09-14/types/global.d.ts
+++ b/2025-09-14/types/global.d.ts
@@ -0,0 +1,27 @@
+/// <reference types="@tarojs/taro" />
+
+declare module '*.png';
+declare module '*.gif';
+declare module '*.jpg';
+declare module '*.jpeg';
+declare module '*.svg';
+declare module '*.css';
+declare module '*.less';
+declare module '*.scss';
+declare module '*.sass';
+declare module '*.styl';
+
+declare namespace NodeJS {
+  interface ProcessEnv {
+    /** NODE 内置环境变量, 会影响到最终构建生成产物 */
+    NODE_ENV: 'development' | 'production',
+    /** 当前构建的平台 */
+    TARO_ENV: 'weapp' | 'swan' | 'alipay' | 'h5' | 'rn' | 'tt' | 'quickapp' | 'qq' | 'jd'
+    /**
+     * 当前构建的小程序 appid
+     * @description 若不同环境有不同的小程序，可通过在 env 文件中配置环境变量`TARO_APP_ID`来方便快速切换 appid， 而不必手动去修改 dist/project.config.json 文件
+     * @see https://taro-docs.jd.com/docs/next/env-mode-config#特殊环境变量-taro_app_id
+     */
+    TARO_APP_ID: string
+  }
+}
				`@@ -0,0 +1 @@`
				`# TARO_APP_ID="生产环境下的小程序 AppID"`
				`@@ -0,0 +1 @@`
				`# TARO_APP_ID="测试环境下的小程序 AppID"`
				`@@ -0,0 +1 @@`
				`export default { extends: ["@commitlint/config-conventional"] };`