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" 再将插件配置到...
// 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 // vite.config.jsimportcdnfro...
vite-plugin-cdn-import是一个用于优化Vite项目的CDN加速插件,可以帮助您减少项目体积,提高加载速度。在使用vite-plugin-cdn-import之前,您需要先安装Vite和Vite插件。确保您的项目已经使用了Vite作为构建工具,并且已经安装了Vite CLI。接下来,按照以下步骤使用vite-plugin-cdn-import进行CDN加速优化项目体积: 安装vite-pl...
// 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`, }...
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`,},],}),],} ...
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"...
A free, fast, and reliable CDN for vite-plugin-cdn-import-rely. A vite plugin make import rely from CDN easier
importToCDN必须.default 才能用 不用default 用不了 import { Plugin as importToCDN } from "vite-plugin-cdn-import"; 这样引用试试 import { Plugin as importToCDN } from "vite-plugin-cdn-import"; 这样引用试试 It works! Mt-YouyacommentedOct 31, 2023• ...
Used for vite Lazy import js and styleVersion 1.0.7 License MIT INSTALL Type: ESM Default Version: Static import vitePluginLazyImport from 'https://cdn.jsdelivr.net/npm/vite-plugin-lazy-import@1.0.7/+esm' Open in jsfiddle Learn more Read...
首先下载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" ...