免费在线观看污视频-亚洲精品永久免费-亚洲成a-日韩精品视频免费在线观看-黄色a网站-国产在线视频一区二区三区

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節(jié)點中
主要添加到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內(nèi)容

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
主站蜘蛛池模板: 国产三级国产精品国产普男人 | 国产精品白浆流出视频 | 精品国产免费观看一区 | 美国三级毛片 | 在线成人亚洲 | 欧美另类极品 | 久久草网站| 91精品欧美一区二区三区 | 99re免费99re在线视频手机版 | 美女被爆免费视频软件 | 欧美α一级毛片 | 成人性色生活影片 | 精品一区二区三区视频在线观看 | 中文字幕在线无限2021 | 新版天堂资源中文在线 | 在线观看亚洲专区 | 一级毛片黄片 | 黄色毛片国产 | 久久香蕉国产线看观看亚洲片 | 99爱在线视频这里只有精品 | 欧美激情成人网 | 亚洲欧美18v中文字幕高清 | 在线观看国产区 | 色综合a怡红院怡红院首页 色综合精品久久久久久久 色综合九九 | 国产一区二区三区四区五区 | 欧美xxx精品 | 日韩国产精品欧美一区二区 | 亚洲国产欧美在线不卡中文 | 久久久久国产精品免费 | 久久99国产亚洲精品观看 | 尤物tv已满18点击进入 | 91久久亚洲国产成人精品性色 | 99精彩视频在线观看 | 亚洲欧美一区二区久久香蕉 | 性欧美高清久久久久久久 | 久久99精品久久只有精品 | 成人第一页 | 一级毛片子 | 国产精品三级在线播放 | 午夜欧美在线 | 免费三级网 |