实例

安装

项目根目录下执行

1	npm i vite-plugin-cdn-import

配置

在vite.config.js中启用该插件并配置. (以cdn导入vue模块为例)

import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
import importToCDN from 'vite-plugin-cdn-import'
// https://vitejs.dev/config/
export default defineConfig({
  base:'./',
  plugins: [
    vue(),
    importToCDN({
      modules:[
        {
            name: 'vue',
            var: 'Vue',
            path: `https://unpkg.com/vue@3.2.19/dist/vue.runtime.global.prod.js`,
        },
      ]
    }),
  ]
})