$ yarn add vite-plugin-cdn2 -D # or $ npm install vite-plugin-cdn2 -D Usage // vite.config.ts import { defineConfig } from "vite"; import { cdn } from "vite-plugin-cdn2"; export default defineConfig({ plugins: [ // ... your plugin cdn({ modules: ["vue"] }), ], })...
1. 如果你希望对某几个库进行CDN部署,推荐使用vite-plugin-cdn-import 2.如果你希望对整个项目进行CDN部署,使用vite.config.ts中的base字段即可 import{defineConfig}from'vite';exportdefaultdefineConfig(({mode})=>{constisProduction=mode==='production';constcdnDomain=isProduction?process.env.VITE_CDN_DOMAIN...
1: CDN可以减少项目包体积; 2: 可以提升加在速度 3: 可以被动锁定版本 4: 可以避免到处import, 提升代码美观, 提升构建速度 ...等, 好处多多, 目标 实现CDN引用全家桶, 引用element, sass, 路由, 仓储, element组件, 自定义组件 完成以上应该就算完成了本demo 好了话不多说上代码 项目结构 image.png 核心...
如果是发版则添加)const{importMap,isAdd}=optionsreturn{name:'vite-plugin-add-importmap',transformIndexHtml(html:string){if(isAdd===false||!importMap)returnhtml// 这里采用JSON.stringify转化成标准的jsonconstcdnUrlStr=JSON.stringify(importMap)// 构造importmapconstscriptTag=`{ "imports...
vite-plugin-external-cdn一款将依赖转换为cdn的vite插件,脱胎于vite-plugin-cdn-import,由于vite-plugin-cdn-import停止维护,我fork了一份到本地,并对一些bug做了修复,做了开源。 安装: pnpm add vite-plugin-external-cdn -D 使用: // vite.config.js import reactRefresh from '@vitejs/plugin-react-refresh...
// vite.config.jsimportcdnfrom'vite-plugin-cdn-import'exportdefault{plugins:[cdn({modules:['react','react-dom'],}),],} Preset packages react react-dom react-router-dom antd vue vue2 vue-router vue-router@3 moment dayjs axios lodash ...
vite-plugin-external-cdn vite-plugin-external-cdn 一款将依赖转换为 cdn 的 vite 插件,脱胎于 vite-plugin-cdn-import,由于 vite-plugin-cdn-import 停止维护,fork 了一份到本地,并对一些 bug 做了修复,做了开源。 安装: pnpmaddvite-plugin-external-cdn-D ...
npm i vite-plugin-cdn-import-rely --save-dev Usage Example importimportFromCDNfrom"vite-plugin-cdn-import-rely";exportdefaultdefineConfig({plugins:[importFromCDN([{name:"element-plus",var:"ElementPlus",path:"index.full.min.js",relys:["vue"],},{name:"element-plus/es/locale/lang/zh-cn"...
// vue等使用cdn加载 rollupOptions: { external: ['vue', 'vue-router'], plugins: [ commonjs(), externalGlobals({ vue: 'Vue', 'vue-router': 'VueRouter', }), ], }, 生产环境报错,开发环境正常Uncaught TypeError: Failed to resolve module specifier "vue". Relative references must start wit...
// vite.config.tsimport{defineConfig}from'vite'import{cdn}from'vite-plugin-cdn2'exportdefaultdefineConfig({plugins:[// ... your plugincdn({isProduction:true,modules:[{name:'vue',global:'Vue'}]})]}) exporttypePresetDomain='auto'|'jsdelivr'|'unpkg'|falseexportinterfaceCDNPluginOptions{isPro...