一、簡(jiǎn)述 每個(gè)公司都有可能有自己的組件庫(kù)，我們?cè)陂_發(fā)組件庫(kù)時(shí)，一般都要將組件庫(kù)里的組件應(yīng)用在自己的項(xiàng)目上，項(xiàng)目與組件庫(kù)在本地進(jìn)行調(diào)試就需要一套很...
投稿
收錄了12篇文章 · 2人關(guān)注
-
項(xiàng)目中調(diào)試本地組件庫(kù)的實(shí)踐方案 -
Rollup
1. 介紹 Rollup與webpack作用類似，但Rollup更為小巧，僅僅是一款ESM打包器，Rollup中并不支持類似HMR這種高級(jí)特性...
-
webpack 代碼分割的兩種方式
1. 多入口打包 適用于傳統(tǒng)的多頁(yè)應(yīng)用程序，一個(gè)頁(yè)面對(duì)應(yīng)一個(gè)打包入口，公告部分單獨(dú)提取 1.1 提取公共模塊 2. 動(dòng)態(tài)導(dǎo)入 按需加載，需...
-
webpack不同環(huán)境配置和Tree Shaking，sideEffects
1. webpack不同環(huán)境下的配置 配置文件根據(jù)環(huán)境不同導(dǎo)出不同配置// webpack.config.jsonconst webpack ...
-
webpack HMR熱更新
1. 介紹 HMR(Hot Module Replacement)：模塊熱替換，也叫模塊熱更新，解決自動(dòng)刷新導(dǎo)致頁(yè)面狀態(tài)丟失，只將修改的模塊實(shí)...
-
webpack Source Map
1. 各模式對(duì)比 devtoolbuildrebuildproductionquailty(none)fastestfastestyesbun...
-
webpack基本用法
1. webpack中文網(wǎng)[https://www.webpackjs.com/] webpack 是一個(gè)模塊打包器。webpack 的主要目...
-
Gulp
1. Gulp[https://gulpjs.com/plugins/] 初始化package.json文件yarn init # or np...
-
Grunt
Grunt[https://www.gruntjs.net/plugins] 初始化package.json文件yarn init # or n...
-
腳手架工作原理初始化package.json文件 在文件中添加 “bin”字段{ "name": "sample", "version": "0.1.0"...
{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/1926097/webpack.png', '推薦專題《前端工程化》（ 分享自 @簡(jiǎn)書 ）','http://m.itdecent.cn/c/e40dc817bcfd?utm_campaign=maleskine&utm_content=collection&utm_medium=reader_share&utm_source=weibo','頁(yè)面編碼gb2312|utf-8默認(rèn)gb2312'));){kind=link}