From 4e4ce944bcab4aaab677112b7cba9d86501e416c Mon Sep 17 00:00:00 2001
From: vben <anncwb@126.com>
Date: 星期二, 18 一月 2022 22:05:51 +0800
Subject: [PATCH] feat: support dev https
---
vite.config.ts | 67 ++++++++++++++++++++-------------
1 files changed, 40 insertions(+), 27 deletions(-)
diff --git a/vite.config.ts b/vite.config.ts
index cacdd40..461fd98 100644
--- a/vite.config.ts
+++ b/vite.config.ts
@@ -1,14 +1,23 @@
import type { UserConfig, ConfigEnv } from 'vite';
-
+import pkg from './package.json';
+import dayjs from 'dayjs';
import { loadEnv } from 'vite';
import { resolve } from 'path';
-
-import { generateModifyVars } from './build/config/themeConfig';
+import { generateModifyVars } from './build/generate/generateModifyVars';
import { createProxy } from './build/vite/proxy';
-import { createAlias } from './build/vite/alias';
import { wrapperEnv } from './build/utils';
import { createVitePlugins } from './build/vite/plugin';
import { OUTPUT_DIR } from './build/constant';
+
+function pathResolve(dir: string) {
+ return resolve(process.cwd(), '.', dir);
+}
+
+const { dependencies, devDependencies, name, version } = pkg;
+const __APP_INFO__ = {
+ pkg: { dependencies, devDependencies, name, version },
+ lastBuildTime: dayjs().format('YYYY-MM-DD HH:mm:ss'),
+};
export default ({ command, mode }: ConfigEnv): UserConfig => {
const root = process.cwd();
@@ -18,7 +27,7 @@
// The boolean type read by loadEnv is a string. This function can be converted to boolean type
const viteEnv = wrapperEnv(env);
- const { VITE_PORT, VITE_PUBLIC_PATH, VITE_PROXY, VITE_DROP_CONSOLE, VITE_LEGACY } = viteEnv;
+ const { VITE_PORT, VITE_PUBLIC_PATH, VITE_PROXY, VITE_DROP_CONSOLE } = viteEnv;
const isBuild = command === 'build';
@@ -26,26 +35,36 @@
base: VITE_PUBLIC_PATH,
root,
resolve: {
- alias: createAlias([
+ alias: [
+ {
+ find: 'vue-i18n',
+ replacement: 'vue-i18n/dist/vue-i18n.cjs.js',
+ },
// /@/xxxx => src/xxxx
- ['/@/', 'src'],
+ {
+ find: /\/@\//,
+ replacement: pathResolve('src') + '/',
+ },
// /#/xxxx => types/xxxx
- ['/#/', 'types'],
- ]),
+ {
+ find: /\/#\//,
+ replacement: pathResolve('types') + '/',
+ },
+ ],
},
server: {
+ https: true,
+ // Listening on all local IPs
+ host: true,
port: VITE_PORT,
// Load proxy configuration from .env
proxy: createProxy(VITE_PROXY),
- hmr: {
- overlay: true,
- },
},
-
build: {
- minify: 'esbuild',
+ minify: false,
+ // target: 'es2015',
+ // cssTarget: 'chrome86',
outDir: OUTPUT_DIR,
- polyfillDynamicImport: VITE_LEGACY,
terserOptions: {
compress: {
keep_infinity: true,
@@ -55,24 +74,19 @@
},
// Turning off brotliSize display can slightly reduce packaging time
brotliSize: false,
- chunkSizeWarningLimit: 1200,
+ chunkSizeWarningLimit: 2000,
},
define: {
// setting vue-i18-next
// Suppress warning
- __VUE_I18N_LEGACY_API__: false,
- __VUE_I18N_FULL_INSTALL__: false,
__INTLIFY_PROD_DEVTOOLS__: false,
+ __APP_INFO__: JSON.stringify(__APP_INFO__),
},
+
css: {
preprocessorOptions: {
less: {
- modifyVars: {
- // Used for global import to avoid the need to import each style file separately
- // reference: Avoid repeated references
- hack: `true; @import (reference) "${resolve('src/design/config.less')}";`,
- ...generateModifyVars(),
- },
+ modifyVars: generateModifyVars(),
javascriptEnabled: true,
},
},
@@ -84,13 +98,12 @@
optimizeDeps: {
// @iconify/iconify: The dependency is dynamically and virtually loaded by @purge-icons/generated, so it needs to be specified explicitly
include: [
+ '@vue/runtime-core',
+ '@vue/shared',
'@iconify/iconify',
'ant-design-vue/es/locale/zh_CN',
- 'moment/dist/locale/zh-cn',
'ant-design-vue/es/locale/en_US',
- 'moment/dist/locale/eu',
],
- exclude: ['vue-demi'],
},
};
};
--
Gitblit v1.8.0