国产精在线-国产精欧美一区二区三区-国产精视频-国产精品 日韩-一级黄色片在线看-一级黄色片在线播放

Vite項目使用CDN

vite如果把全部的文件都給本地打包的話,體積就很大,所以把公共庫給打包出來,就能減少很多體積。

使用vite插件vite-plugin-cdn-import,很方便的打包。下面以vue和element-plus為例。

安裝插件

npm install vite-plugin-cdn-import

?使用插件

找到vite配置文件vite.config.js

頭部添加

npm install vite-plugin-cdn-import

添加到文件plugins節點中
主要添加到modules中,多個CDN,就添加多個對象
name為需要 CDN 加速的包名稱,一般名稱為在js文件中from后的名稱,import xx from 'name'
var為引用的變量,一般在js文件中import后的名稱
css如果引用CDN庫中有CSS,就把CSS填寫上,無需在JS文件中再引入了

importToCDN({
  modules: [
    {
      name: 'vue',
      var: 'Vue',
      path: `https://cdn.staticfile.org/vue/3.2.45/vue.runtime.global.prod.min.js`,
    },
    {

      name: 'element-plus',
      var: 'ElementPlus',
      path: `https://cdn.staticfile.org/element-plus/2.2.28/index.full.min.js`,
      css: 'https://cdn.staticfile.org/element-plus/2.2.28/index.min.css'
    },
  ]
})

上述配置,配置了Vue和element-plus庫
那么在JS引用如下

import { createApp } from 'vue'
import App from './App.vue'
import ElementPlus from 'element-plus'
createApp(App).use(ElementPlus).mount('#app')

完整vite.config.js內容

import {defineConfig} from 'vite'
import vue from '@vitejs/plugin-vue'
import {Plugin as importToCDN} from "vite-plugin-cdn-import"
export default defineConfig({
    plugins: [
        vue(),
        importToCDN({
            modules: [
                {
                    name: 'vue',
                    var: 'Vue',
                    path: `https://cdn.staticfile.org/vue/3.2.45/vue.runtime.global.prod.min.js`,
                },
                {

                    name: 'element-plus',
                    var: 'ElementPlus',
                    path: `https://cdn.staticfile.org/element-plus/2.2.28/index.full.min.js`,
                    css: 'https://cdn.staticfile.org/element-plus/2.2.28/index.min.css'
                },
            ]
        }),
    ]
});

 

THE END
主站蜘蛛池模板: 国产中文字幕在线免费观看 | 手机看片久久国产免费不卡 | 国产亚洲小视频 | 亚洲国产精品ⅴa在线观看 亚洲国产精品aaa一区 | 国产成人精品区在线观看 | 毛片女| 黄网站在线播放视频免费观看 | 99精品国产高清一区二区三区香蕉 | 亚洲看片 | 99热久久精品免费精品 | 欧美三级不卡在线观看视频 | 一级片视频免费观看 | 狠狠色狠狠色综合 | 一区二区三区视频在线 | 在线视频免费观看a毛片 | 亚洲综合色在线观看 | 伊人久色 | 亚洲精品国产三级在线观看 | 黄www片 | 99国产精品热久久久久久夜夜嗨 | 免费人成黄页网站在线观看国产 | 久久综合给会久久狠狠狠 | 成人欧美日韩高清不卡 | 欧美精品伊人久久 | 国产成人精品亚洲77美色 | 久久精品香蕉视频 | 欧美jizzhd精品欧美另类 | www.a级片| 台湾三级| 国产一区二区三区在线观看视频 | 欧美精品国产一区二区三区 | 韩国免费播放一级毛片 | 中文字幕亚洲一区二区va在线 | 午夜看片网站 | 加勒比一本大道香蕉在线视频 | 国产成人精品999在线 | 夜色精品国产一区二区 | 欧美一级片在线观看 | 国产一级片观看 | 国产欧美亚洲精品一区 | 一级a毛片免费观看久久精品 |