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

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
主站蜘蛛池模板: 日本乱子伦xxxx | 日韩一区国产二区欧美三 | 欧美一级毛片无遮挡 | 国产亚洲欧美一区二区三区 | 亚洲日本精品 | 中国一级性生活片 | 国产三片高清在线观看 | 黄色一级片网址 | 日本成aⅴ人片日本伦 | 99精品网| 亚洲日本欧美产综合在线 | 精品视频h | 欧美成人在线网站 | 日本久久一区二区 | 中文字幕乱码无线码在线 | 九九九九热精品免费视频 | 99久久精品国产国产毛片 | 久久综合色播 | 日韩三级免费看 | 毛片99| 亚洲精品午夜一区二区在线观看 | 精品国产一区二区三区四区vr | 成人国产精品一级毛片天堂 | 国产成人免费a在线资源 | 99精品久久久久久久免费看蜜月 | 国产精品高清一区二区 | av免费网站在线观看 | 久草视频在线首页 | 欧美做a欧美 | 大陆60老妇xxxxhd | a一级毛片录像带 录像片 | 91亚洲人成手机在线观看 | 亚洲综合一区二区不卡 | 成人伊人青草久久综合网 | 性欧美精品久久久久久久 | 男人的天堂在线免费视频 | 草草视频在线观看最新 | 国产精品福利午夜一级毛片 | 亚洲人成网7777777国产 | 日本性色 | 狠狠色狠狠色综合久久一 |