squi-mobile/vite.config.ts

import path from "path";
import { UserConfigExport, ConfigEnv } from "vite";
import vueJsx from "@vitejs/plugin-vue-jsx";
import vue from "@vitejs/plugin-vue";
import svgLoader from "vite-svg-loader";
import Components from "unplugin-vue-components/vite";
import { ElementPlusResolver } from "unplugin-vue-components/resolvers";
import ElementPlus from "unplugin-element-plus/vite";

import styleImport from "vite-plugin-style-import";
/**
 * @type {import('vite').UserConfig}
 * @link {https://vitejs.cn/config/}
 */
export default ({ command, mode }: ConfigEnv): UserConfigExport => {
  return {
    root: process.cwd(),
    base: "./",
    server: {
      host: "localhost",
      open: true,
      port: 8000,
      // strictPort: true,
      https: false,
      force: true,
      proxy: {
        "/api": {
          target: "http://sqpcbg.xt.wenhq.top:8083/",
          changeOrigin: true,
          // rewrite: (path) => path.replace(/^\/api/, ''),
        },
      },
    },
    resolve: {
      alias: {
        "@": path.resolve(__dirname, "./src"),
      },
    },

    css: {
      modules: {
        localsConvention: "camelCase", // 默认只支持驼峰，修改为同事支持横线和驼峰
      },
      preprocessorOptions: {
        scss: {
          /**
           * TODO:// 目前按需加载时修改主题色会报错
           * 官方修复后在进行按需加载
           * @link {https://github.com/element-plus/element-plus/issues/2724}
           *
           *  */
          // additionalData: `@use "@/styles/element/index.scss" as *;`,
        },
        // scss: { additionalData: `@import "@/styles/vars.scss";` },
        // less: {
        //   javascriptEnabled: true,
        //   additionalData: `@import "@/styles/default.less";`,
        // },
      },
    },
    plugins: [
      vue(),
      vueJsx({
        // options are passed on to @vue/babel-plugin-jsx
      }),
      svgLoader(),
      // ElementPlus({ useSource: true }),
      styleImport({
        libs: [
          {
            libraryName: "vant",
            esModule: true,
            resolveStyle: (name) => `vant/es/${name}/style`,
          },
        ],
      }),
    ],
  };
};