vite.config.js 2.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172
  1. /** @format */
  2. import { defineConfig, loadEnv } from "vite";
  3. import path from "path";
  4. import createVitePlugins from "./vite/plugins";
  5. import legacy from "@vitejs/plugin-legacy";
  6. // https://vitejs.dev/config/
  7. export default defineConfig(({ mode, command }) => {
  8. const env = loadEnv(mode, process.cwd());
  9. const { VITE_APP_ENV } = env;
  10. return {
  11. // 部署生产环境和开发环境下的URL。
  12. // 默认情况下,vite 会假设你的应用是被部署在一个域名的根路径上
  13. // 例如 https://www.ruoyi.vip/。如果应用被部署在一个子路径上,你就需要用这个选项指定这个子路径。例如,如果你的应用被部署在 https://www.ruoyi.vip/admin/,则设置 baseUrl 为 /admin/。
  14. base: VITE_APP_ENV === "production" ? "/" : "/", // ./
  15. esbuild: {
  16. //打包时去除console和debugger代码
  17. drop: ["console", "debugger"],
  18. },
  19. plugins: [
  20. createVitePlugins(env, command === "build"),
  21. legacy({
  22. targets: ["chrome 64"], //需要兼容的目标列表,可以设置多个
  23. modernPolyfills: true,
  24. }),
  25. ],
  26. resolve: {
  27. // https://cn.vitejs.dev/config/#resolve-alias
  28. alias: {
  29. // 设置路径
  30. "~": path.resolve(__dirname, "./"),
  31. // 设置别名
  32. "@": path.resolve(__dirname, "./src"),
  33. },
  34. // https://cn.vitejs.dev/config/#resolve-extensions
  35. extensions: [".mjs", ".js", ".ts", ".jsx", ".tsx", ".json", ".vue"],
  36. },
  37. // vite 相关配置
  38. server: {
  39. port: 81,
  40. host: true,
  41. open: true,
  42. proxy: {
  43. // https://cn.vitejs.dev/config/#server-proxy
  44. "/dev-api": {
  45. // target: "http://192.168.3.213:8080",
  46. target: "http://192.168.1.42:8080",
  47. changeOrigin: true,
  48. rewrite: (p) => p.replace(/^\/dev-api/, ""),
  49. },
  50. },
  51. },
  52. //fix:error:stdin>:7356:1: warning: "@charset" must be the first rule in the file
  53. css: {
  54. postcss: {
  55. plugins: [
  56. {
  57. postcssPlugin: "internal:charset-removal",
  58. AtRule: {
  59. charset: (atRule) => {
  60. if (atRule.name === "charset") {
  61. atRule.remove();
  62. }
  63. },
  64. },
  65. },
  66. ],
  67. },
  68. },
  69. };
  70. });