Compare commits

...

2 Commits

Author SHA1 Message Date
bunny 1dd9e97a43 fixbug: 🐛 接口代理无法使用 2024-05-28 13:06:49 +08:00
bunny 31230da722 chore: 📦️ 打包相关配置 2024-05-28 10:33:08 +08:00
10 changed files with 153 additions and 72 deletions

10
.env
View File

@ -1,2 +1,8 @@
# 请求api地址
BUNNY_APP_URL=http://localhost:8088/xxx
# 线上环境接口地址
VITE_APP_URL="http://localhost:8800"
# 线上环境接口地址
VITE_APP_MOCK_URL="http://localhost:8800"
# 端口号
VITE_APP_PORT=6262
# 是否使用CDN加速
VITE_CDN=true

View File

@ -1,2 +1,8 @@
# 请求api地址
BUNNY_APP_URL=http://localhost:8088/development
# 线上环境接口地址
VITE_APP_URL="http://localhost:8800"
# 线上环境接口地址
VITE_APP_MOCK_URL="http://localhost:8800"
# 端口号
VITE_APP_PORT=6262
# 是否使用CDN加速
VITE_CDN=true

View File

@ -1,2 +1,8 @@
# 请求api地址
BUNNY_APP_URL=http://localhost:8088/prod
# 线上环境接口地址
VITE_APP_URL="http://localhost:8800"
# 线上环境接口地址
VITE_APP_MOCK_URL="http://localhost:8800"
# 端口号
VITE_APP_PORT=6262
# 是否使用CDN加速
VITE_CDN=true

View File

@ -10,9 +10,9 @@ dayjs.extend(duration);
const welcomeMessage = gradientString('cyan', 'magenta').multiline(
`您好! 欢迎使用 bunny-admin 后台管理
访
http://localhost:8202/
http://localhost:6262/
访
http://localhost:8202/`,
http://localhost:6262/`,
);
const boxenOptions: BoxenOptions = {

View File

@ -8,7 +8,6 @@ import { viteMockServe } from 'vite-plugin-mock';
import { viteBuildInfo } from './info';
export function getPluginsList(): PluginOption[] {
const lifecycle = process.env.npm_lifecycle_event;
return [
vue(),
legacy({
@ -37,7 +36,7 @@ export function getPluginsList(): PluginOption[] {
vueJsx(),
compression(),
viteBuildInfo(),
cdn,
process.env.VITE_CDN ? cdn : null,
viteMockServe({ mockPath: 'src/mock' }),
];
}

View File

@ -8,12 +8,12 @@ export const serverOptions = () => {
cors: true,
proxy: {
'/api': {
target: process.env.BUNNY_APP_URL,
target: process.env.VITE_APP_URL,
changeOrigin: true,
rewrite: (path: string) => path.replace(/^\/api/, '/api'),
},
'/mock': {
target: process.env.BUNNY_APP_URL,
target: process.env.VITE_APP_MOCK_URL,
changeOrigin: true,
rewrite: (path: string) => path.replace(/^\/mock/, '/mock'),
},

View File

@ -1,10 +1,15 @@
import { readdir, stat } from 'node:fs';
import { formatBytes, sum } from '@pureadmin/utils';
import { formatBytes, Recordable, sum } from '@pureadmin/utils';
import { fileURLToPath } from 'node:url';
import { dirname, resolve } from 'node:path';
/** 启动`node`进程时所在工作目录的绝对路径 */
const root: string = process.cwd();
const fileListTotal: number[] = [];
/** 获取指定文件夹中所有文件的总大小 */
const getPackageSize = options => {
const getPackageSize = (options: any) => {
const { folder = 'dist', callback, format = true } = options;
readdir(folder, (err, files: string[]) => {
if (err) throw err;
@ -30,4 +35,53 @@ const getPackageSize = options => {
});
};
export { getPackageSize };
/**
* @description
* @param dir `build`
* @param metaUrl `url``build``import.meta.url`
*/
const pathResolve = (dir = '.', metaUrl = import.meta.url) => {
// 当前文件目录的绝对路径
const currentFileDir = dirname(fileURLToPath(metaUrl));
// build 目录的绝对路径
const buildDir = resolve(currentFileDir, 'build');
// 解析的绝对路径
const resolvedPath = resolve(currentFileDir, dir);
// 检查解析的绝对路径是否在 build 目录内
if (resolvedPath.startsWith(buildDir)) {
// 在 build 目录内,返回当前文件路径
return fileURLToPath(metaUrl);
}
// 不在 build 目录内,返回解析后的绝对路径
return resolvedPath;
};
/** 处理环境变量 */
const wrapperEnv = (envConf: Recordable): any => {
// TODO 默认值
const ret: any = {
VITE_APP_PORT: 6262,
VITE_APP_URL: '',
VITE_APP_MOCK_URL: '',
VITE_CDN: false,
};
for (const envName of Object.keys(envConf)) {
let realName = envConf[envName].replace(/\\n/g, '\n');
realName = realName === 'true' ? true : realName === 'false' ? false : realName;
if (envName === 'VITE_PORT') {
realName = Number(realName);
}
ret[envName] = realName;
if (typeof realName === 'string') {
process.env[envName] = realName;
} else if (typeof realName === 'object') {
process.env[envName] = JSON.stringify(realName);
}
}
return ret;
};
export { getPackageSize, pathResolve, root, wrapperEnv };

View File

@ -1,50 +1,55 @@
{
"compilerOptions": {
// any
"noImplicitAny": false,
"target": "ES2020",
"useDefineForClassFields": true,
"module": "ESNext",
"lib": [
"ES2020",
"DOM",
"DOM.Iterable"
],
"baseUrl": ".",
"skipLibCheck": true,
"types": [
// "webpack-env"
"node"
],
"paths": {
"@/*": [
"src/*"
]
},
/* Bundler mode */
"moduleResolution": "bundler",
"allowImportingTsExtensions": true,
"resolveJsonModule": true,
"isolatedModules": true,
"noEmit": true,
"jsx": "preserve",
/* Linting */
"strict": true,
"noUnusedLocals": true,
"noUnusedParameters": true,
"noFallthroughCasesInSwitch": true
},
"include": [
"src/**/*.ts",
"src/**/*.tsx",
"src/**/*.vue"
],
"exclude": [
"node_modules"
],
"references": [
{
"path": "./tsconfig.node.json"
}
]
"compilerOptions": {
// any
"noImplicitAny": false,
"target": "ES2020",
"useDefineForClassFields": true,
"module": "ESNext",
"lib": [
"ES2020",
"DOM",
"DOM.Iterable"
],
"baseUrl": ".",
"skipLibCheck": true,
"types": [
// "webpack-env"
"node"
],
"paths": {
"@/*": [
"src/*"
],
"@build/*": [
"build/*"
]
},
/* Bundler mode */
"moduleResolution": "bundler",
"allowImportingTsExtensions": true,
"resolveJsonModule": true,
"isolatedModules": true,
"noEmit": true,
"jsx": "preserve",
/* Linting */
"strict": true,
"noUnusedLocals": true,
"noUnusedParameters": true,
"noFallthroughCasesInSwitch": true
},
"include": [
"src/**/*.ts",
"src/**/*.tsx",
"src/**/*.vue",
"build/*.ts",
"vite.config.ts"
],
"exclude": [
"node_modules"
],
"references": [
{
"path": "./tsconfig.node.json"
}
]
}

View File

@ -7,5 +7,7 @@
"allowSyntheticDefaultImports": true,
"strict": true
},
"include": ["vite.config.ts"]
"include": [
"vite.config.ts"
]
}

View File

@ -1,17 +1,20 @@
import { resolve } from 'path';
import { defineConfig, UserConfig } from 'vite';
import { buildEnvironment } from './build/buildEnv';
import { exclude, include } from './build/optimize';
import { ConfigEnv, UserConfigExport } from 'vite';
import { getPluginsList } from './build/plugins';
import { buildEnvironment } from './build/buildEnv';
import { serverOptions } from './build/server';
import { exclude, include } from './build/optimize';
import { pathResolve } from './build/utils.ts';
export default defineConfig(
(): UserConfig => ({
envPrefix: 'BUNNY',
export default ({ mode }: ConfigEnv): UserConfigExport => {
// const { VITE_APP_URL } = wrapperEnv(loadEnv(mode, root));
return {
resolve: {
alias: {
'@': resolve(__dirname, './src'),
'vue-i18n': 'vue-i18n/dist/vue-i18n.cjs.js',
'@build': pathResolve(),
},
},
optimizeDeps: { include, exclude },
@ -25,5 +28,5 @@ export default defineConfig(
},
// 配置构建过程的选项,例如是否生成压缩文件和源映射
build: buildEnvironment(),
}),
);
};
};