vite项目中vite.config.js使用.env.development文件中的配置数据

如下图.env和vite.config.js配置同级目录

loadEnv就可以获取.env配置信息

import { defineConfig,loadEnv  } from "vite";
import react from "@vitejs/plugin-react-swc";
import { resolve } from "path";
import vitePluginImp from "vite-plugin-imp";
import { createHtmlPlugin } from "vite-plugin-html";

export default defineConfig(({mode })=>{
  const env = loadEnv(mode, process.cwd());
  console.log(env,"啦啦啦啦");
  return {
    base: "/admin",
    build: {
      outDir: "admin", //指定输出路径
      assetsDir: "assets", // 指定生成静态资源的存放路径,相对于outDir
      cssCodeSplit: true, // 启用/禁用 CSS 代码拆分
      // target:["chrome90", "edge90",  "es2020", "firefox90","safari18"]
      // target: "es2019"
      //sourcemap: false, // 是否生成map文件
      //reportCompressedSize: true, //  gzip 压缩大小报告。
      //chunkSizeWarningLimit: 500, //规定触发警告的 chunk 大小。（以 kbs 为单位）
    },
    plugins: [
      react(),
      vitePluginImp({
        libList: [
          {
            libName: "antd",
            // style: (name) => `antd/es/${name}/style`,
          },
        ],
      }),
      createHtmlPlugin({
        inject: {
          data: {
            title: env.VITE_TITLE,
          },
        },
      }),
    ],
    // 配置路径别名
    resolve: {
      
      alias: {
        "@": resolve(__dirname, "src"),
      },
    },
    css: {
      // 全局配置scss
      preprocessorOptions: {
        scss: {
          // additionalData: '@import"./src/assets/style/main.scss";'
          additionalData: '@use "./src/assets/style/main.scss";',
          // api: 'modern-compiler',
        },
        // less: {
        //   javascriptEnabled: true,
        // },
      },
    },
    // 跨域
    server: {
      host: '0.0.0.0', //设置0.0.0.0和true 就是监听所有
      port: 5174,
      open:true,
       proxy: {
         '/dishAdmin/': {
         target: 'http://koin.baidu.com', //目标源，目标服务器，真实请求地址
         changeOrigin: true, //支持跨域
         ws: false,        //如果要代理 websockets，配置这个参数
         secure: false,// 如果是https接口，需要配置这个参数
         }
       }
      }
  }
});