@esmx/vite-vue

@esmx/vite 的 Vue 3 预设。它在基础 Vite 集成之上加入 @vitejs/plugin-vue(SFC 编译 + HMR),并重新导出 @esmx/vite 的全部内容。

安装

npm
yarn
pnpm
bun
deno
npm install @esmx/vite-vue -D

vue(>=3)为 peer 依赖,需在你的项目中安装。

类型导出

ViteVueAppOptions

interface ViteVueAppOptions extends ViteAppOptions {}

配置选项,与 ViteAppOptions 完全一致。Vue 插件通过配置钩子自动注入,作用于所有构建目标及开发服务器。

函数导出

createViteVueApp

function createViteVueApp(esmx: Esmx, options?: ViteVueAppOptions): Promise<App>

创建一个 Vite + Vue 3 的 Esmx 应用实例。

参数:

  • esmx — Esmx 框架实例
  • options — Vite Vue 应用配置选项

返回值:

  • 返回一个 Promise,解析为创建的应用实例
src/entry.node.ts
export default {
  async devApp(esmx) {
    return import('@esmx/vite-vue').then((m) => m.createViteVueApp(esmx));
  }
};

重新导出

本包重新导出 @esmx/vite 的全部成员(如 createViteAppBuildTargetvite),因此可直接从 @esmx/vite-vue 导入基础 API。