vite.config.ts 1.7 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061
  1. import { UserConfig, ConfigEnv, loadEnv } from 'vite';
  2. import { resolve } from 'path';
  3. import { createVitePlugins } from './vite/plugin';
  4. import { generateModifyVars } from './vite/themeConfig';
  5. import { createProxy } from './vite/proxy';
  6. const root = process.cwd();
  7. // https://vitejs.dev/config/
  8. export default ({ command, mode }: ConfigEnv): UserConfig => {
  9. const env = loadEnv(mode, root);
  10. console.log('vite >>>', command, mode, env);
  11. const isBuild = command === 'build';
  12. const isDropConsole = env.VITE_BUILD_DROP_CONSOLE === 'on';
  13. return {
  14. root,
  15. resolve: {
  16. alias: [
  17. {
  18. find: /^@\//,
  19. replacement: resolve(root, './src') + '/'
  20. }
  21. ]
  22. },
  23. css: {
  24. preprocessorOptions: {
  25. less: {
  26. // 解决antd less loader版本高的问题
  27. javascriptEnabled: true,
  28. modifyVars: generateModifyVars()
  29. }
  30. }
  31. },
  32. build: {
  33. target: 'es2015',
  34. terserOptions: {
  35. compress: {
  36. // 防止infinity被压缩成1/0,防止chrome出现性能问题
  37. keep_infinity: true,
  38. // 自动删除console
  39. drop_console: isDropConsole,
  40. // 自动删除debugger
  41. drop_debugger: isDropConsole
  42. }
  43. },
  44. // bortli压缩大小报告,压缩大型输出文件可能会慢,禁用提高大型项目的构建性能
  45. brotliSize: false,
  46. // 块大小警告的限制(单位 kbs),默认500
  47. chunkSizeWarningLimit: 1000
  48. },
  49. plugins: createVitePlugins(isBuild, env),
  50. server: {
  51. hmr: {
  52. // 禁用服务器错误的遮罩层
  53. overlay: false
  54. },
  55. open: true,
  56. proxy: createProxy(env),
  57. port: 3001
  58. }
  59. };
  60. };