vite打包的时候使用cdn加速

在 vue3 + vite 项目中要使用 cdn 加速的时候我们在配置时的第一步就是要想办法忽略掉项目中使用导入的包，这个操作在webpack中比较简单我们只需要externals中配置需要忽略的包名就行，但是在vite中是没有这个配置项的我们想要忽略第三方包就要使用插件 vite-plugin-externals

npm i vite-plugin-externals -D 

添加配置:

vite.config.js

import { viteExternalsPlugin } from 'vite-plugin-externals'

export default defineConfig({
  plugins: [
    vue(),
    viteExternalsPlugin({
    	vue: 'Vue',
      react: 'React',
      'react-dom': 'ReactDOM',
      // 支持值链式取值，会转换成 window['React']['lazy']
      lazy: ['React', 'lazy']
    })
  ]
})

这样打包出来的代码就会把相关的包给排除掉我们只需要输入自己公司部署的cdn依赖地址就能正常使用第三方包的功能了(这里引入的操作要放在入口文件 index.html 里面)