🍉 首先,我们需要了解什么是vendor.js。它是由webpack生成的用于存放第三方库和框架代码的JS文件,大小会根据引用的库和框架不同而有所差异。但是,如果vendor.js过大,不仅会影响小程序的加载速度,还可能导致小程序无法上线。因此,我们需要进行优化。
🍇 第一种方法是剔除不必要的依赖。我们可以通过配置uni-app的pages.json文件中的subPackages参数,将不常用的页面和组件打包成一个子包,从而减小vendor.js的体积。此外,我们还可以通过使用tree shaking、按需引入等技术,对不必要的模块进行剔除,从而减小vendor.js的体积。
🍓 第二种方法是使用cdn加速。我们可以将第三方库和框架通过cdn引入,从而减小vendor.js的体积,加速小程序的加载速度。同时,我们还可以使用uni-app的externals参数,将第三方库和框架从vendor.js中剔除,从而进一步减小vendor.js的体积。
🌽 最后,我们需要注意的是,尽量避免在代码中直接引用第三方库和框架的全局变量或对象,而是通过import的方式引入,这样能够使tree shaking工具更好地识别出不需要的代码,从而减小vendor.js的体积。