一：webpack插件的基本原理 webpack構(gòu)建工具大家應(yīng)該不陌生了，那么下面我們來(lái)簡(jiǎn)單的了解下什么是webpack的插件。比如我現(xiàn)在寫了一...
投稿
收錄了26篇文章 · 4人關(guān)注
-
Webpack(二十六)：如何編寫一個(gè)WebPack的插件原理及實(shí)踐 -
Webpack(二十五)：webpack4核心模塊tapable源碼解析webpack打包是一種事件流的機(jī)制，它的原理是將各個(gè)插件串聯(lián)起來(lái)，那么實(shí)現(xiàn)這一切的核心就是我們要講解的tapable. 并且在webpack中...
-
Webpack(二十四)：prerender-spa-plugin 來(lái)進(jìn)行SEO優(yōu)化vue、react對(duì)于開發(fā)單頁(yè)應(yīng)用來(lái)說(shuō)帶來(lái)了很好的用戶的體驗(yàn)，但是同樣有缺點(diǎn)，比如首頁(yè)加載慢，白屏或SEO等問(wèn)題的產(chǎn)生。為什么會(huì)出現(xiàn)這種情況呢？...
-
Webpack(二十三)：合并資源請(qǐng)求, 實(shí)現(xiàn)combo功能本文學(xué)習(xí)使用nodejs實(shí)現(xiàn)css或js資源文件的合并請(qǐng)求功能，我們都知道在一個(gè)復(fù)雜的項(xiàng)目當(dāng)中，可能會(huì)使用到很多第三方插件，雖然目前使用vue開...
-
Webpack(二十二)：對(duì)第三方庫(kù)css/項(xiàng)目全局css/vue內(nèi)聯(lián)css文件提取到單獨(dú)的文件在講解提取css之前，我們先看下項(xiàng)目的架構(gòu)如下結(jié)構(gòu)： 我們都知道提取css的插件是使用 extract-text-webpack-plugin ...
-
Webpack(二十一)：比mock模擬數(shù)據(jù)更簡(jiǎn)單的方式
項(xiàng)目的結(jié)構(gòu)如上所示：其中 json 文件夾內(nèi)會(huì)存放所有模擬的數(shù)據(jù)，比如和開發(fā)后臺(tái)約定好的數(shù)據(jù)，我可以直接把數(shù)據(jù)復(fù)制到j(luò)son文件內(nèi)，比如我們簡(jiǎn)單...
-
Webpack(二十)：webpack4+react構(gòu)建環(huán)境下面我們來(lái)配置下webpack4+react的開發(fā)環(huán)境，之前都是針對(duì)webpack4+vue的。下面我們也是在之前項(xiàng)目結(jié)構(gòu)的基礎(chǔ)之上進(jìn)行配置下。...
-
Webpack(十九)：webpack4+vue+vuex+mock模擬后臺(tái)數(shù)據(jù)一：mock安裝和使用進(jìn)入項(xiàng)目的根目錄下，執(zhí)行mock安裝命令如下： 使用：1. 比如生成列表數(shù)據(jù)，基本代碼（在vue中演示） 具體的mock數(shù)...
-
Webpack(十八)：process.env.NODE_ENV詳解在node中，有全局變量process表示的是當(dāng)前的node進(jìn)程。process.env包含著關(guān)于系統(tǒng)環(huán)境的信息。但是process.env中并...
-
Webpack(十七)：webpack4+vue+route+vuex項(xiàng)目構(gòu)建一：vue傳值方式有哪些？ 在vue項(xiàng)目開發(fā)過(guò)程中，經(jīng)常會(huì)使用組件來(lái)進(jìn)行項(xiàng)目開發(fā)，那么在組件中會(huì)調(diào)用另一個(gè)組件來(lái)作為自己的子組件，那么我們?nèi)绾芜M(jìn)...
{var%20f='http://v.t.sina.com.cn/share/share.php?appkey=1881139527',u=z||d.location,p=['&url=',e(u),'&title=',e(t||d.title),'&source=',e(r),'&sourceUrl=',e(l),'&content=',c||'gb2312','&pic=',e(p||'')].join('');function%20a(){if(!window.open([f,p].join(''),'mb',['toolbar=0,status=0,resizable=1,width=440,height=430,left=',(s.width-440)/2,',top=',(s.height-430)/2].join('')))u.href=[f,p].join('');};if(/Firefox/.test(navigator.userAgent))setTimeout(a,0);else%20a();})(screen,document,encodeURIComponent,'','','https://upload.jianshu.io/collections/images/1924794/u_1210275919_362704680_fm_26_gp_0.jpg', '推薦專題《構(gòu)建工具：Webpack》（ 分享自 @簡(jiǎn)書 ）','http://m.itdecent.cn/c/b8ea8455310c?utm_campaign=maleskine&utm_content=collection&utm_medium=reader_share&utm_source=weibo','頁(yè)面編碼gb2312|utf-8默認(rèn)gb2312'));){kind=link}