前端项目性能优化:使用vite的分包策略
为什么需要分包策略? 浏览器的缓存策略 浏览器在请求静态资源时,只要静态资源的名称不变,它就不会重新请求 xxx.js资源。使用Vite打包后的js文件是带有哈希值的,只要我们的代码内容有一点点变化,那么文件的hash值都会变化。 我们初始化一个项目,安装vite进行演示 npm init -y npm i vite -D // main.js中写一点逻辑 const mainArr...
前端 JS 经典:Vite 分包配置
前言:在 Vite 项目中使用 npm run build 直接打包,打包后所有的静态文件都在 assets 文件中,js、css、图片等都放在一起看着很不舒服。我们可以通过配置 vite.config.js 来进行分包处理。打包机制底层是使用的 roolup,可以参考 rollup 官网。 vite.config.js 分包配置如下,备注写明字段用途,其中 [name] 、[hash]...
本页面内关键词为智能算法引擎基于机器学习所生成,如有任何问题,可在页面下方点击"联系我们"与我们沟通。
阿里巴巴终端技术
阿里巴巴终端技术最新内容汇聚在此,由阿里巴巴终端委员会官方运营。阿里巴巴终端委员会是阿里集团面向前端、客户端的虚拟技术组织。我们的愿景是着眼用户体验前沿、技术创新引领业界,将面向未来,制定技术策略和目标并落地执行,推动终端技术发展,帮助工程师成长,打造顶级的终端体验。同时我们运营着阿里巴巴终端域的官方公众号:阿里巴巴终端技术,欢迎关注。
+关注