vite打包优化-外部引入资源(Vite+TS)

1,227 阅读1分钟

vite打包时生成的js文件特别大,通过外部引入第三方库,可以很好的减小打包后的js文件,提高首批加载速度。

  1. 新建一个vite项目,我是用的是vanilla-ts模式
$ pnpm create vite
  1. 在HTML页面引入外部地址,我是从本地引入的,也可以使用CDN链接
 <script src="/js/online/babylon.js"></script>
  1. 在src目录下新建types文件,拷贝第三方库的.d.ts声明文件到此文件夹

image.png 4. 在代码中就可以直接使用

image.png 5. 打包后第三方库就分离出来了

image.png