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

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
主站蜘蛛池模板: 97超频国产在线公开免费视频 | 100000免费啪啪18免进 | 日韩乱码视频 | 免费一级毛片在级播放 | 一区二区三区精品国产 | 草草久 | 久久久久国产精品免费看 | 亚洲欧洲国产成人综合一本 | 亚洲m男在线中文字幕 | 国产成人精品免费视 | 清纯偷拍精品视频在线观看 | 午夜日韩视频 | 亚洲毛片免费在线观看 | 国产aaa毛片 | 91porny九色国产首页在线 | 日本欧美在线视频 | 99久久国产免费福利 | 91精品福利手机国产在线 | 亚洲一区二区三区精品国产 | 国产精品三级手机在线观看 | 一级做a级爰片性色毛片视频 | 日本久久网 | 欧美区在线 | 97在线视频免费观看费观看 | 国产欧美在线播放 | 国产成人综合怡春院精品 | 日日狠狠久久偷偷四色综合免费 | 日本理论在线 | 成人在线免费小视频 | 久久久久一级片 | 一级性片 | 欧美成人做性视频在线播放 | 成人精品一区二区不卡视频 | 91视频久久 | 2021国产精品一区二区在线 | 国产一区二区三区免费大片天美 | 成年人黄色网址 | 91精品久久久久久久久网影视 | 久久免费精彩视频 | 欧美精品午夜久久久伊人 | 日本xxxxx黄区免费看动漫 |