初始化项目模板

vite.config.js

@@ -0,0 +1,64 @@
+import { defineConfig, loadEnv } from 'vite';
+import path from 'path';
+import uni from '@dcloudio/vite-plugin-uni';
+
+// start 引入tailwindcss增加的配置0
+import { UnifiedViteWeappTailwindcssPlugin as uvwt } from 'weapp-tailwindcss/vite';
+// 注意： 打包成 h5 和 app 都不需要开启插件配置
+const isH5 = process.env.UNI_PLATFORM === 'h5';
+const isApp = process.env.UNI_PLATFORM === 'app';
+const WeappTailwindcssDisabled = isH5 || isApp;
+
+const resolve = (p) => {
+  return path.resolve(__dirname, p);
+};
+
+export default defineConfig(({ command, mode }) => {
+  // 根据当前工作目录中的 `mode` 加载 .env 文件
+  // 设置第三个参数为 '' 来加载所有环境变量，而不管是否有 `VITE_` 前缀。
+  const env = loadEnv(mode, process.cwd(), '');
+  return {
+    // vite 配置
+    base: './',
+    define: {},
+    resolve: {
+      alias: {
+        '@': '/pages',
+      },
+    },
+    server: {
+      proxy: {
+        '/sale': {
+          target: process.env.VITE_APP_BASE_URL,
+          changeOrigin: true,
+          rewrite: (path) => path.replace(/^\/sale/, '/'),
+        },
+      },
+    },
+    plugins: [
+      uni(),
+      // 引入tailwindcss增加的配置plugins
+      uvwt({
+        rem2rpx: true,
+        disabled: WeappTailwindcssDisabled,
+        // 由于 hbuilderx 会改变 process.cwd 所以这里必须传入当前目录的绝对路径
+        tailwindcssBasedir: __dirname,
+      }),
+    ],
+    // 引入tailwindcss增加的配置postcss
+    css: {
+      postcss: {
+        plugins: [
+          require('tailwindcss')({
+            // 注意此处，手动传入你 `tailwind.config.js` 的绝对路径
+            config: resolve('./tailwind.config.js'),
+          }),
+          require('autoprefixer'),
+        ],
+      },
+    },
+    ssr: {
+      format: 'cjs', //esm,cjs即将在vite5移除
+    },
+  };
+});