前端工程化
文章平均质量分 85
提高项目性能,增加简历亮点
不叫猫先生
CSDN博客专家、内容合伙人,2023新星计划导师,前端领域优质创作者,专注于分享前端、人工智能、数据库、数据分析等技术领域,共同学习共同进步,一起加油呀!
展开
-
Docker + Jenkins + Nginx实现前端自动化部署
文章有点长,如果你是以学习的态度来看这篇文章,建议收藏起来慢慢看。前端自动化部署一直以来概念很清楚知道怎么回事,但是其中怎么操作没怎么研究过,虽然之前环境都搭起来了,但是也只是Jenkins构建项目成功,比如提交代码之后怎么触发自动构建,打包后的文件如何迁移到指定服务器的文件目录下,流水线如何搞等等这都是我之前想想头疼也只能头疼的问题。终于还是费了点心思搞了搞自动化部署,又花了大量时间来记录这个过程。原创 2023-11-30 08:42:14 · 43263 阅读 · 129 评论 -
Vue项目中实现ElementUI按需引入
为了减小项目打包体积,提高项目性能,对Element UI组件进行按需引入,但是在实际实践过程中遇到了比较有意思的问题,官方写的demo然而并不能行的通,有开发者在Issues提问,然后官方并没有给予解决,而开发者用另一种方式实现了。原创 2023-05-09 08:32:08 · 4208 阅读 · 98 评论 -
webpack中的optimization配置详解(持续更新)
webpack中的optimization主要用来自定义一些优化打包策略。,主要四个配置1.minimizer、2.runtimeChunk、3.noEmitOnErrors、4.splitChunks原创 2022-01-12 14:23:34 · 76671 阅读 · 3 评论 -
前端性能优化之gzip
HTTP可以对传输的内容进行压缩,减少网络实际传输数据的大小。服务器会将资源进行压缩后传输到客户端,浏览器收到文件后进行解析。对于纯文本文件可以压缩到之前大小的30%-40%,大大提高了传输效率。gzip是一种数据的压缩格式,也可以说是文件格式。linux系统该文件后缀为.gz。使用gzip需要web容器,浏览器的支持。配置js、text、json、css这种纯文本进行压缩,效率极高压缩需要消化CPU,对于大文件(音乐/视频/图片)的压缩,会增加服务器压力。............原创 2022-07-21 14:22:16 · 1404 阅读 · 1 评论 -
使用Docker搭建Npm私服Verdaccio
搭建npm私服可以选用多个软件,博主选用verdaccio搭建,什么是Verdaccio呢?是一个 Node.js创建的轻量的私有npm proxy registry。简单来说,我们设计的组件库有隐私性,不方便上传npm,我们就可以部署一个Npm私有服务。原创 2022-10-25 23:41:45 · 2502 阅读 · 28 评论 -
从0开始搭建一套脚手架cli工具
前端开发者都会用脚手架搭建vue、react项目,那么如何搭建一套自己的脚手架cli工具呢?原创 2022-11-07 09:30:49 · 1631 阅读 · 98 评论 -
vue项目中使用CDN引入
CDN(内容分发网络)指请求资源的方式,即通过script头去请求对应的脚本资源的一种方式,项目里配置之后不需要通过npm包管理工具去下载配置的包。目的:将引用的外部js、css文件剥离开来,不编译到vendor.js中,而是用资源的形式引用,这样浏览器可以使用多个线程异步将vendor.js、外部的js等加载下来,达到加速首开的目的。1. 在vue.config.js进行配置本人对vue、vuex、vue-router、axios、element-ui、echarts进行了cdn引用。(请求e原创 2022-10-09 09:27:25 · 32314 阅读 · 57 评论 -
如何实现一个公共组件库上传到npm并在项目中使用
一般多个项目使用一些公共组件的时候,我们没必要在每个项目里写公共组件代码,我们可以将公共组件封装成一个库,上传至npm,这样我们在项目中使用就可以直接从npm下载直接使用。当然我们也可以搭建自己本地的npm镜,而本文主要讲述上传npm。在package下新建bin-button文件,index.js文件,并在bin-button文件下新建index.vue。组件库上传npm需要按照npm规则来编写package.json。出口文件:引入封装好的组件进行批量注册,然后导出。首先注册npm账号,后登录。原创 2022-10-18 00:04:22 · 1387 阅读 · 4 评论