import type { UserConfig } from 'vite';
|
|
import { resolve } from 'path';
|
|
import { modifyVars } from './build/config/lessModifyVars';
|
import { createProxy } from './build/vite/proxy';
|
import globbyTransform from './build/vite/plugin/context/transform';
|
import dynamicImportTransform from './build/vite/plugin/dynamicImport/index';
|
|
import { isDevFn, loadEnv } from './build/utils';
|
|
import { createRollupPlugin, createVitePlugins } from './build/vite/plugin';
|
|
const pkg = require('./package.json');
|
|
const viteEnv = loadEnv();
|
|
const {
|
VITE_PORT,
|
VITE_PUBLIC_PATH,
|
VITE_PROXY,
|
VITE_DROP_CONSOLE,
|
// VITE_USE_CDN,
|
} = viteEnv;
|
|
function pathResolve(dir: string) {
|
return resolve(__dirname, '.', dir);
|
}
|
|
const viteConfig: UserConfig = {
|
/**
|
* Entry. Use this to specify a js entry file in use cases where an
|
* `index.html` does not exist (e.g. serving vite assets from a different host)
|
* @default 'index.html'
|
*/
|
// TODO build error
|
// entry: 'public/index.html',
|
/**
|
* port
|
* @default '3000'
|
*/
|
port: VITE_PORT,
|
/**
|
* @default 'localhost'
|
*/
|
hostname: 'localhost',
|
/**
|
* Run to open the browser automatically
|
* @default 'false'
|
*/
|
open: false,
|
/**
|
* Set to `false` to disable minification, or specify the minifier to use.
|
* Available options are 'terser' or 'esbuild'.
|
* @default 'terser'
|
*/
|
minify: isDevFn() ? 'esbuild' : 'terser',
|
/**
|
* Base public path when served in production.
|
* @default '/'
|
*/
|
base: VITE_PUBLIC_PATH,
|
|
/**
|
* Directory relative from `root` where build output will be placed. If the
|
* directory exists, it will be removed before the build.
|
* @default 'dist'
|
*/
|
outDir: 'dist',
|
/**
|
* Whether to generate sourcemap
|
* @default false
|
*/
|
sourcemap: false,
|
/**
|
* Directory relative from `outDir` where the built js/css/image assets will
|
* be placed.
|
* @default '_assets'
|
*/
|
assetsDir: '_assets',
|
/**
|
* Static asset files smaller than this number (in bytes) will be inlined as
|
* base64 strings. Default limit is `4096` (4kb). Set to `0` to disable.
|
* @default 4096
|
*/
|
assetsInlineLimit: 4096,
|
/**
|
* Transpile target for esbuild.
|
* @default 'es2020'
|
*/
|
esbuildTarget: 'es2020',
|
/**
|
* Whether to log asset info to console
|
* @default false
|
*/
|
silent: false,
|
/**
|
* Import alias. The entries can either be exact request -> request mappings
|
* (exact, no wildcard syntax), or request path -> fs directory mappings.
|
* When using directory mappings, the key **must start and end with a slash**.
|
* ```
|
*/
|
alias: {
|
'/@/': pathResolve('src'),
|
},
|
// terser options
|
terserOptions: {
|
compress: {
|
drop_console: VITE_DROP_CONSOLE,
|
},
|
},
|
define: {
|
__VERSION__: pkg.version,
|
},
|
cssPreprocessOptions: {
|
less: {
|
modifyVars: modifyVars,
|
javascriptEnabled: true,
|
},
|
},
|
// The package will be recompiled using rollup, and the new package compiled into the esm module specification will be put into node_modules/.vite_opt_cache
|
optimizeDeps: {
|
include: ['echarts/map/js/china', 'ant-design-vue/es/locale/zh_CN', '@ant-design/icons-vue'],
|
},
|
|
// Local cross-domain proxy
|
proxy: createProxy(VITE_PROXY),
|
plugins: createVitePlugins(viteEnv),
|
rollupInputOptions: {
|
// TODO
|
// external: VITE_USE_CDN ? externals : [],
|
plugins: createRollupPlugin(),
|
},
|
};
|
|
export default {
|
...viteConfig,
|
transforms: [globbyTransform(viteConfig), dynamicImportTransform(viteEnv)],
|
} as UserConfig;
|
