Vite vue3 定义全局变量

//vite.config.ts

const fs = require("fs");
// 获取主题文件名
const themeFiles = fs.readdirSync("./src/style/theme");

 // 配置页面
define: {
   THEMEARR: JSON.stringify(ThemesArr),
   THEMEFILES: JSON.stringify(themeFiles),
}
  

在全局可以直接引用这些定义好的全局变量

export default defineComponent({
  name: "Home",
  components: {
    LayoutHeader,
    LayoutFooter,
  },
  setup(){
    // mounted
    onMounted(() => {
      console.log("ThemesArr", THEMEARR, "THEMEFILES", THEMEFILES);
    });
  }
});