@minar-kotonoha/vite-plugin-external
v1.0.0
Published
Miko 可选 CDN 外部化与应用依赖解析插件
Downloads
1,610
Readme
@minar-kotonoha/vite-plugin-external
生产环境 CDN 外部化 — 将 Vue 生态依赖(vue、vue-router、axios 等)映射为从 CDN 加载的全局 framework 对象,避免重复打包。
原理
- 读取
@minar-kotonoha/framework的模块列表,获取所有可外部化的包 - 在生产构建(非 SSG)中,将
import { ref } from 'vue'重写为framework['vue'].ref - 开发/SSG 模式下依赖正常打包,不做外部化
用法
// vite.config.ts
import { externalPlugin } from '@minar-kotonoha/vite-plugin-external';
export default defineConfig({
plugins: externalPlugin(process.cwd(), true),
});需要安装 @minar-kotonoha/framework,并在生产环境通过 CDN 加载其 UMD 包。
为兼容旧版本,externalPlugin(true) 仍表示“以当前工作目录解析依赖并启用 CDN 外部化”。新增外部包可通过第三个参数传入:
externalPlugin(process.cwd(), true, ['custom-runtime']);