前端工程化
文章平均质量分 66
分享一些前端工程化webpack/vite的理解
墨者阳明
前游戏大厂全栈工程师,失业后,开启自己的悟道之旅,知行合一! 与大家共勉~
展开
-
NUXT3 安装 Tailwind css
主要解决“nuxt”多版本的适配问题,和兼容性报错,项目以 “nuxt”: "^3.11.2"为主。原创 2024-04-28 19:06:16 · 260 阅读 · 1 评论 -
VUE项目Gzip压缩方案
浏览器向服务器发出请求,并且在请求头中声明可以使用gzip的编码格式,服务器接受到请求之后,读取压缩后的文件,服务器直接返回给浏览器gzip格式的文件,浏览器进行解压缩,这样以来就节省了服务器压缩的时间。打包的时候开启gzip可以很大程度减少包的大小,页面大小可以变为原来的30%甚至更小,非常适合于上线部署。更小的体积对于用户体验来说就意味着更快的加载速度以及更好的用户体验。原包体大小为 2785k --> 824k,压缩率高达71%!将资源部署到服务,发送请求后,可以看到返回文件的大小。原创 2024-04-15 18:25:06 · 361 阅读 · 1 评论 -
前端工程化打包工具webpack和vite的摇树(Tree Shaking)优化
如果没有进行优化,所有引入的模块都会被打包到最终的输出文件中,导致文件变得很大,加载时间变长,影响应用的性能。使用Babel Loader确实有可能导致Tree-shaking失效,这是因为Babel Loader默认情况下会将所有ES6模块转换为CommonJS模块,而CommonJS模块的导入和导出方式是动态的,无法在编译时进行静态分析。它内置了摇树优化功能,并可以通过配置选项进行进一步的优化。在实际过程中,我们会发现,有些css模块是全局,因为没有申明副作用,也一起被移除,所以需要单独排除掉,比如。原创 2023-08-11 11:25:15 · 1223 阅读 · 1 评论