mirror of
https://gitee.com/h_mo/uniapp-vue3-vite-ts-template
synced 2025-04-04 22:02:44 +08:00
dce5d85f65
- 更新多个依赖到最新版本，包括 uni-app、alova、pinia、tailwindcss 等 - 移除 postcss.config.ts 配置文件 - 调整 vite 配置和 tailwindcss 引入方式 - 更新 App.vue 和 main.ts 中的样式引入 - 优化 stores 中的 defineStore 使用方式 - 新增 src/styles/main.css 文件
78 lines
2.3 KiB
TypeScript
78 lines
2.3 KiB
TypeScript
import type { UserConfig } from 'vite';
|
|
/**
|
|
* vite 配置
|
|
* @see https://cn.vitejs.dev/config/
|
|
* @type {import('vite').UserConfig}
|
|
*/
|
|
import { resolve } from 'node:path';
|
|
import process from 'node:process';
|
|
import TransformPages from 'uni-read-pages-vite';
|
|
import { defineConfig, loadEnv } from 'vite';
|
|
import { createVitePlugins, currentPlatform, resolveProxy } from './build';
|
|
// import postcssPlugins from './postcss.config';
|
|
|
|
export default defineConfig(async ({ mode }) => {
|
|
const root = process.cwd();
|
|
const env = loadEnv(mode, resolve(root, 'env'));
|
|
const isProd = mode === 'production';
|
|
const { VITE_PROXY_PREFIX, VITE_UPLOAD_PROXY_PREFIX, VITE_BASE_URL, VITE_UPLOAD_URL, VITE_PORT } = env;
|
|
return {
|
|
base: './',
|
|
envDir: './env', // 自定义env目录
|
|
// 设置路径别名
|
|
resolve: {
|
|
alias: {
|
|
'@': resolve('./src'),
|
|
},
|
|
extensions: ['.js', '.ts'], // 使用路径别名时想要省略的后缀名，可以自己 增减
|
|
},
|
|
// 自定义全局变量
|
|
define: {
|
|
'process.env': {},
|
|
'PLATFORM': JSON.stringify(currentPlatform),
|
|
'ROUTES': new TransformPages().routes,
|
|
},
|
|
css: {
|
|
preprocessorOptions: {
|
|
scss: {
|
|
api: 'modern-compiler', // 或 'modern' 表示使用现代编译器
|
|
silenceDeprecations: ['legacy-js-api'],
|
|
},
|
|
},
|
|
// postcss: {
|
|
// plugins: postcssPlugins,
|
|
// },
|
|
},
|
|
plugins: createVitePlugins({ isProd }),
|
|
// 开发服务器配置
|
|
server: {
|
|
host: true,
|
|
// open: true,
|
|
port: Number.parseInt(VITE_PORT!, 10),
|
|
proxy: resolveProxy([[VITE_PROXY_PREFIX!, VITE_BASE_URL!], [VITE_UPLOAD_PROXY_PREFIX!, VITE_UPLOAD_URL!]]),
|
|
},
|
|
// 构建配置
|
|
build: {
|
|
outDir: 'dist',
|
|
chunkSizeWarningLimit: 1500,
|
|
sourcemap: !isProd,
|
|
target: 'es6',
|
|
minify: isProd ? 'terser' : false,
|
|
terserOptions: {
|
|
compress: {
|
|
drop_console: isProd,
|
|
drop_debugger: true,
|
|
},
|
|
},
|
|
rollupOptions: {
|
|
output: {
|
|
entryFileNames: `assets/[name].${new Date().getTime()}.js`,
|
|
chunkFileNames: `assets/[name].${new Date().getTime()}.js`,
|
|
assetFileNames: `assets/[name].${new Date().getTime()}.[ext]`,
|
|
compact: true,
|
|
},
|
|
},
|
|
},
|
|
} as UserConfig;
|
|
});
|