2.1、CDN管理插件vite-plugin-cdn-import 首先下载CDN管理插件依赖:npm install vite-plugin-cdn-import --save-dev 配置vite.config.ts,步骤与之前配置插件类似,先import依赖import importToCDN from "vite-plugin-cdn-import"或者import { Plugin as importToCDN } from "vite-plugin-cdn-import" 再将插件配置到...
$ 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"] }), ], })...
Add it to vite.config.js // vite.config.jsimportcdnfrom'vite-plugin-cdn-import'exportdefault{plugins:[cdn({modules:[{name:'react',var:'React',path:`umd/react.production.min.js`,},{name:'react-dom',var:'ReactDOM',path:`umd/react-dom.production.min.js`,},],}),],} Use preset /...
如果是发版则添加)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...
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"...
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 ...
// 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...
// vite.config.jsimportcdnImportfrom'vite-plugin-cdn-import-async'exportdefault{plugins: [ cdnImport({modules: [ {name:'react',var:'React',mode:'async',// 'async' atrribute will be added to its tag.path:`https://cdn.jsdelivr.net/npm/react@18.2.0/umd/react.production.min.js`, }...
vite-plugin-html-template-mpa - Multi Pages Common template support. vite-plugin-vconsole-mpa - Multi Pages Vconsole supports,simple config. vite-plugin-browser-sync - BrowserSync. vite-plugin-jspm - Resolves dependencies independently from CDN providers using import maps and es-module-shims. vite...
import App from'./App.vue'; import router from"./router"; const app=createApp(App); app.use(router); app.mount('#app'); 测试一下,这里修改一下App.vue的代码,测试一下我们的路由是否已经可以正常使用了。 <template> <router-link to="/home">Home</router-link> ...