vite配置electron、ElementPlus或者AntDesignVue

这是全部的配置原文:

javascript 复制代码
import { defineConfig } from 'vite';
import vue from '@vitejs/plugin-vue';
import electron from "vite-plugin-electron";
import electronRenderer from "vite-plugin-electron-renderer";
import polyfillExports from "vite-plugin-electron-renderer";
import { resolve } from "path";
import AutoImport from 'unplugin-auto-import/vite'
import Components from 'unplugin-vue-components/vite'
import { ElementPlusResolver } from 'unplugin-vue-components/resolvers';
import ViteComponents, {
  AntDesignVueResolver
} from 'vite-plugin-components';

// 查找路径
const pathResolve = (dir: string): string => {
  return resolve(__dirname, ".", dir);
};
const alias: Record<string, string> = {
  "@": pathResolve("src"),
};

// https://vitejs.dev/config/
export default defineConfig((mode: any) => ({
  base: mode == "development" ? "" : "./",
  plugins: [
    vue(),
    electron([{
      entry: "electron-main/index.ts", //主进程
    }, {
      entry: "electron-preload/preload.ts"
    }]),
    electronRenderer(),
    polyfillExports(),
    // 按需引入AntDesignVue
    ViteComponents({customComponentResolvers: [AntDesignVueResolver()],}),
    // 按需引入elementUI
    AutoImport({
      resolvers: [ElementPlusResolver()],
    }), Components({
      resolvers: [ElementPlusResolver()],
    })
  ],
  resolve: {
    alias,
  },
  build: {
    emptyOutDir: true, // outDir在root在根目录下,vite在构建的时候,会自动清空目录
    outDir: "dist-electron",
  }
}))

就暂时不描述,只可意会不可言传了。

相关推荐
烬羽36 分钟前
JS 单线程为什么不卡?一文吃透同步异步、Event Loop 和 Promise
javascript·面试
葬送的代码人生1 小时前
JavaScript 数组完全指南:从入门到实战
前端·javascript·算法
用户938515635071 小时前
深入理解 JavaScript 同步与异步:从单线程到事件循环与 Promise
前端·javascript
哈撒Ki1 小时前
快速入门vue3与常见面试题
前端·vue.js·面试
云水一下2 小时前
Vue.js从零到精通系列(一):初识Vue——背景、环境与第一个应用
前端·javascript·vue.js
大大杰哥2 小时前
Vue2学习(1)--了解基本方法与概念
javascript·学习·vue
云水一下2 小时前
Vue.js从零到精通系列(二):响应式核心——ref、reactive、computed与watch
前端·javascript·vue.js
卡布鲁3 小时前
Webpack 核心原理与自定义 Loader/Plugin 实战
前端·javascript
小林ixn3 小时前
从拼多多手机号验证到模板引擎:深入正则表达式与 JS 字符串处理
开发语言·javascript·正则表达式
智码看视界3 小时前
Web Storage 的无障碍实践与工程化应用
前端·javascript·web