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

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
主站蜘蛛池模板: 免费一级美国片在线观看 | 在线播放一级片 | 午夜成年女人毛片免费观看 | 深夜福利视频大全在线观看 | aaa一级毛片 | 国产黄a三级三级三级 | 久久久亚洲天堂 | 久久福利资源站免费观看i 久久高清精品 | 97在线播放视频 | 久久草在线 | 男人躁女人躁的好爽免费视频 | 国产私拍福利精品视频推出 | 美女视频很黄很a免费国产 美女视频黄.免费网址 | 免费日本在线视频 | 欧美三级黄色大片 | a站在线观看| 特级aa一级欧美毛片 | 亚洲一级在线 | a级成人高清毛片 | vr欧美乱强伦xxxxx | 盈盈性影院| 久久国产精品免费一区二区三区 | 欧美成在线视频 | 亚洲三级小视频 | 伊人www | 亚洲三级大片 | 亚洲韩精品欧美一区二区三区 | 久久亚洲精品中文字幕亚瑟 | 欧美三级在线观看不卡视频 | 国产成人免费片在线视频观看 | 亚洲国产二区三区久久 | 国产一级在线现免费观看 | 国产精品亚洲欧美日韩一区在线 | 国产自在自线午夜精品视频 | 碰碰碰精品视频在线观看 | 欧美日本一区二区 | 99视频在线 | 国产一级毛片夜一级毛片 | 色老久久精品偷偷鲁一区 | 国产精品v一区二区三区 | 欧美日本高清 |