项目构建
14篇文章 · 0订阅
  • 单页面首屏优化，打包后大小减少64M，加载速度快了13.6秒
    单页面首屏优化，打包后大小减少64M，加载速度快了13.6秒 1. 静态文件缓存(js,css等)，图片和SVG进行压缩或者替换。 2. 删掉无用路由、引用的库（实际未使用），然后启用树摇 3. ..
    前端 性能优化
    单页面首屏优化，打包后大小减少64M，加载速度快了13.6秒
  • 前端实习：Vite4 打包优化实现首屏加载优化
    前文 今天我们来一起学习如何配置Vite4中的vite.config.js文件，实现首屏加载优化 一、安装打包视图分析工具 1.安装 在vite.config.js中引入 rollup-plugin-
    前端
  • 前端部署真的不简单
    前端部署其实是一个非常严肃的问题，对于大型应用24小时都有人访问，如果你还是用覆盖式更新的方式部署，肯定会导致页面出错的情况发生，因此，这就涉及到先全量部署静态资源，再灰度部署页面的部署流程了。
    前端
  • 是时候让自己掌握一款自动化构建工具了
    后端：“麻烦给我一份XXXX版本的包”； 前端：”***，XXX版本有别的版本没有的依赖包，又得切分支还得卸载无用的包，还好我搭了Jenkins“ 前端: "好了，你去XXX环境上自己拿吧！" 我们身
    前端 后端 Jenkins
    是时候让自己掌握一款自动化构建工具了
  • 写给5年前端妹子的三万字脚手架教程
    深夜，一阵刺耳的手机铃声把我吵醒，我迅速的把手机按成静音，看下屏幕，是我几年前带过的一个妹子的电话，看着熟睡的老婆孩子，我蹑手蹑脚地走到厨房接通了电话。 一接通，就传来一阵哭泣声：“师傅，我找不
    前端 React.js Vue.js
  • vue2都停止更新维护了，你还没学会打包优化吗？（打包体积减少78%，冷启动速度提升93%， 打包速度提升73%）
    前言 之前的开发工作中对vue2项目也有做过不同的优化，但是都比较零散且没有系统化的记录下来。 正好最近接手了一个老项目，虽然项目不大性能也还过得去，但是我觉得可优化的空间还是比较多的。 所以也趁此机
    前端 Vue.js 面试
  • 中高级前端必须掌握的package.json最新最全指南
    package.json 是一个用于描述和配置项目的重要文件，其中包含了许多字段和选项，可以影响项目的构建、依赖管理、脚本执行等方面。了解这些字段可以帮助开发者更好地理解和控制项目的行为。
    Webpack Vue.js 前端
    中高级前端必须掌握的package.json最新最全指南
  • 微前端知识梳理
    我会按照以下几个方向对微前端进行知识梳理： 什么是微前端，微前端的方案有哪些，微前端方案的对比，微前端的适用场景，微前端的实现思路，微前端的底层源码分析，微前端技术的延伸--Vue如何使用React项
    前端 JavaScript 架构
  • 来，体会一下npm包的发布、更新管理、使用——完整教程🎈
    这是一个非常全的npm包发布、更新、管理、使用的完成教程，夹带私货，给想要发布npm包的同学一些帮助。
    NPM
    来，体会一下npm包的发布、更新管理、使用——完整教程🎈
  • 带你深度解锁Webpack系列(基础篇)
    三篇长文带你解锁 Webpack ，希望读完这三篇文章，你能够对 webpack 的各项配置有一个更为清晰的认识。 webpack 是一个现代 JavaScript 应用程序的静态模块打包器，当 webpack 处理应用程序时，会递归构建一个依赖关系图，其中包含应用程序需要的每…
    JavaScript 前端
    带你深度解锁Webpack系列(基础篇)