feat: update project configuration and structure

- Updated project.config.json with new project name and settings.
- Removed unused app.scss and index.scss files, replaced with CSS files.
- Refactored app.ts to utilize Taro's useLaunch hook for app initialization.
- Simplified index.tsx to display a basic greeting and user info button.
- Added new project.xhs.json for XHS platform configuration.
- Introduced is-xhs utility function to check for XHS environment.
- Updated tsconfig.json to include path mappings and additional include paths.

config/index.ts

@@ -1,99 +1,102 @@
-import { defineConfig, type UserConfigExport } from '@tarojs/cli'
-import devConfig from './dev'
-import prodConfig from './prod'
-import vitePluginImp from 'vite-plugin-imp'
+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<'vite'>(async (merge, { command, mode }) => {
-  const baseConfig: UserConfigExport<'vite'> = {
-    projectName: 'taro-template',
-    date: '2026-3-12',
-    designWidth: 375,
+// @ts-ignore
+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-html'],
-    defineConstants: {
+      828: 1.81 / 2,
     },
+    sourceRoot: "src",
+    outputRoot: "dist",
+    plugins: ["@tarojs/plugin-generator"],
+    // plugins: ["@tarojs/plugin-generator", "@tarojs/plugin-platform-xhs"],
+    defineConstants: {},
     copy: {
-      patterns: [
-      ],
-      options: {
-      }
+      patterns: [],
+      options: {},
     },
-    framework: 'react',
-    compiler: {
-      vitePlugins: [vitePluginImp({
-        libList: [
-          {
-            libName: '@nutui/nutui-react-taro',
-            style: (name) => {
-              return `@nutui/nutui-react-taro/dist/esm/${name}/style/css`
-            },
-            replaceOldImport: false,
-            camel2DashComponentName: false,
-          }
-        ]
-      })],
-      type: 'vite'
+    framework: "react",
+    compiler: "webpack5",
+    cache: {
+      enable: false, // Webpack 持久化缓存配置，建议开启。默认配置请参考：https://docs.taro.zone/docs/config-detail#cache
     },
     mini: {
       postcss: {
         pxtransform: {
           enable: true,
-          config: {
-            selectorBlackList: ['nut-']
-          }
+          config: {},
         },
         cssModules: {
           enable: false, // 默认为 false，如需使用 css modules 功能，则设为 true
           config: {
-            namingPattern: 'module', // 转换模式，取值为 global/module
-            generateScopedName: '[name]__[local]___[hash:base64:5]'
-          }
-        }
+            namingPattern: "module", // 转换模式，取值为 global/module
+            generateScopedName: "[name]__[local]___[hash:base64:5]",
+          },
+        },
+      },
+      webpackChain(chain) {
+        chain.resolve.plugin("tsconfig-paths").use(TsconfigPathsPlugin);
       },
     },
     h5: {
-      publicPath: '/',
-      staticDirectory: 'static',
-
+      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'
+        filename: "css/[name].[hash].css",
+        chunkFilename: "css/[name].[chunkhash].css",
       },
       postcss: {
         autoprefixer: {
           enable: true,
-          config: {}
+          config: {},
         },
         cssModules: {
           enable: false, // 默认为 false，如需使用 css modules 功能，则设为 true
           config: {
-            namingPattern: 'module', // 转换模式，取值为 global/module
-            generateScopedName: '[name]__[local]___[hash:base64:5]'
-          }
-        }
+            namingPattern: "module", // 转换模式，取值为 global/module
+            generateScopedName: "[name]__[local]___[hash:base64:5]",
+          },
+        },
+      },
+      webpackChain(chain) {
+        chain.resolve.plugin("tsconfig-paths").use(TsconfigPathsPlugin);
+        chain.set("ignoreWarnings", [
+          {
+            module: /@tarojs\/components/,
+            message: /webpackExports/,
+          },
+        ]);
       },
     },
     rn: {
-      appName: 'taroDemo',
+      appName: "taroDemo",
       postcss: {
         cssModules: {
           enable: false, // 默认为 false，如需使用 css modules 功能，则设为 true
-        }
-      }
-    }
-  }
-  if (process.env.NODE_ENV === 'development') {
+        },
+      },
+    },
+  };
+
+  if (process.env.NODE_ENV === "development") {
     // 本地开发构建配置（不混淆压缩）
-    return merge({}, baseConfig, devConfig)
+    return merge({}, baseConfig, devConfig);
   }
   // 生产构建配置（默认开启压缩混淆等）
-  return merge({}, baseConfig, prodConfig)
-})
+  return merge({}, baseConfig, prodConfig);
+});