用户中心USER CENTER

首页/用户
  • react项目关于webpack配置修改

    一、前言通过CRA脚手架构建的项目,一般webpack配置是隐藏的,如果要修改,就要另外处理。想要修改webpack通常有两种方式通过插件去增加或覆盖webpack配置(方法一、方法二)或者释放项目中的webpack配置,使之可见,然后可以修改(方法三)本来CRA脚手架将webpack等复杂的配置封装在项目中,后续可以通过更新react-scripts来体验版本升级带来的新特性,但有些时候确实需要...

    社区管理员 发布于
  • 输入url到页面渲染页面的全过程

    一、网站加载概述面试过程中,常常遇到这样一道面试题,输入URL到页面加载完毕,浏览器做了哪些工作?首先输入一个URL,你会看到浏览器上面的标签页出现了一个loading图标,开始时是逆时针旋转,接着顺时针旋转,当前页面消失,显示我们常说的空白页面,接着出现显示我们请求的新页面。此时如果网络很差,你有可能看到短暂的DOM页面,然后再看到渲染后的正常页面,这是从表面看到的加载过程,实际浏览器做的要多得...

    社区管理员 发布于
  • 前端自动化部署-.gitlab-ci.yml配置

    一、前言该过程中用到的技术栈git gitlab shell需要提前准备的内容一个项目myweb本机安装Git一个Gitlab仓库docker私有仓库gitlab runner(Gitlab-runner)公司的代码一般都保存在私有化部署的Gitlab,要使用Gitlab的CI/CD,需要Gitlab版本>8.0.0CI/CD虽然不难,但配置过程中有很多坑,而且有些要了解的概念也比较多,可以...

    社区管理员 发布于
  • 前端自动部署 - Shell脚本

    前言前端部署服务器,需要经过打包、迁移、部署、回退操作,如果每次都手动处理,那么容易出错还浪费时间,自动化部署又比较复杂,那么选择shell脚本做自动化,也是一个不错的选择,具体实现如下:项目环境执行自动化构建的前端项目myweb项目通过命令构建测试环境文件或生产环境文件linux服务器,nginx部署项实现原理一、构建一个前端项目通过cra构建前端项目,修改配置文件,通过传递配置参数,配置测试环...

    社区管理员 发布于
  • Gitlab CI/CD执行流程

    一、什么是CI/CDCI 持续集成CD 持续交付CI/CD就是在开发阶段,通过自动化发布,来频繁部署应用的一种方式二、为什么要配置CI/CD想象一下,一个项目的发布如果手动部署,需要的操作有:单元测试打包文件上传服务器等等如果每个过程都需要手动执行,每次都要保证不出错,这个已经很繁琐了。而现在大的前端项目多达10+的人开发,而且人员流动大。如果每个人都这么发布,快速迭代就容易出错。这时候就需要CI...

    社区管理员 发布于
<