一、前言通過(guò)CRA腳手架構(gòu)建的項(xiàng)目,一般webpack配置是隱藏的,如果要修改,就要另外處理。想要修改webpack通常有兩種方式通過(guò)插件去增加或覆蓋webpack配置(方法一、方法二)或者釋放項(xiàng)目中的webpack配置,使之可見,然后可以修改(方法三)本來(lái)CRA腳手架將webpack等復(fù)雜的配置封裝在項(xiàng)目中,后續(xù)可以通過(guò)更新react-scripts來(lái)體驗(yàn)版本升級(jí)帶來(lái)的新特性,但有些時(shí)候確實(shí)需要...
一、網(wǎng)站加載概述面試過(guò)程中,常常遇到這樣一道面試題,輸入U(xiǎn)RL到頁(yè)面加載完畢,瀏覽器做了哪些工作?首先輸入一個(gè)URL,你會(huì)看到瀏覽器上面的標(biāo)簽頁(yè)出現(xiàn)了一個(gè)loading圖標(biāo),開始時(shí)是逆時(shí)針旋轉(zhuǎn),接著順時(shí)針旋轉(zhuǎn),當(dāng)前頁(yè)面消失,顯示我們常說(shuō)的空白頁(yè)面,接著出現(xiàn)顯示我們請(qǐng)求的新頁(yè)面。此時(shí)如果網(wǎng)絡(luò)很差,你有可能看到短暫的DOM頁(yè)面,然后再看到渲染后的正常頁(yè)面,這是從表面看到的加載過(guò)程,實(shí)際瀏覽器做的要多得...
一、前言該過(guò)程中用到的技術(shù)棧git gitlab shell需要提前準(zhǔn)備的內(nèi)容一個(gè)項(xiàng)目myweb本機(jī)安裝Git一個(gè)Gitlab倉(cāng)庫(kù)docker私有倉(cāng)庫(kù)gitlab runner(Gitlab-runner)公司的代碼一般都保存在私有化部署的Gitlab,要使用Gitlab的CI/CD,需要Gitlab版本>8.0.0CI/CD雖然不難,但配置過(guò)程中有很多坑,而且有些要了解的概念也比較多,可以...
前言前端部署服務(wù)器,需要經(jīng)過(guò)打包、遷移、部署、回退操作,如果每次都手動(dòng)處理,那么容易出錯(cuò)還浪費(fèi)時(shí)間,自動(dòng)化部署又比較復(fù)雜,那么選擇shell腳本做自動(dòng)化,也是一個(gè)不錯(cuò)的選擇,具體實(shí)現(xiàn)如下:項(xiàng)目環(huán)境執(zhí)行自動(dòng)化構(gòu)建的前端項(xiàng)目myweb項(xiàng)目通過(guò)命令構(gòu)建測(cè)試環(huán)境文件或生產(chǎn)環(huán)境文件linux服務(wù)器,nginx部署項(xiàng)實(shí)現(xiàn)原理一、構(gòu)建一個(gè)前端項(xiàng)目通過(guò)cra構(gòu)建前端項(xiàng)目,修改配置文件,通過(guò)傳遞配置參數(shù),配置測(cè)試環(huán)...
一、什么是CI/CDCI 持續(xù)集成CD 持續(xù)交付CI/CD就是在開發(fā)階段,通過(guò)自動(dòng)化發(fā)布,來(lái)頻繁部署應(yīng)用的一種方式二、為什么要配置CI/CD想象一下,一個(gè)項(xiàng)目的發(fā)布如果手動(dòng)部署,需要的操作有:?jiǎn)卧獪y(cè)試打包文件上傳服務(wù)器等等如果每個(gè)過(guò)程都需要手動(dòng)執(zhí)行,每次都要保證不出錯(cuò),這個(gè)已經(jīng)很繁瑣了。而現(xiàn)在大的前端項(xiàng)目多達(dá)10+的人開發(fā),而且人員流動(dòng)大。如果每個(gè)人都這么發(fā)布,快速迭代就容易出錯(cuò)。這時(shí)候就需要CI...
UCloud
暫無(wú)介紹