多頁(yè)精品文章

• 

  webpack多頁(yè)應(yīng)用架構(gòu)系列（三）：怎么打包公共代碼才能避免重復(fù)？

  ...https://segmentfault.com/blog/array_huang 前言 與單頁(yè)應(yīng)用相比，多頁(yè)應(yīng)用存在多個(gè)入口（每個(gè)頁(yè)面即一個(gè)入口），每一個(gè)入口（頁(yè)面）都意味著一套完整的js代碼（包括業(yè)務(wù)邏輯和加載的第三方庫(kù)/框架等）。在上一篇文章（webpack多頁(yè)應(yīng)...

  oliverhuang 2019-08-22 10:37 評(píng)論0 收藏0
• 

  webpack多頁(yè)應(yīng)用架構(gòu)系列（一）：一步一步解決架構(gòu)痛點(diǎn)

  ...要介紹如何用webpack這一當(dāng)前流行的構(gòu)建工具來(lái)設(shè)計(jì)一個(gè)多頁(yè)應(yīng)用的架構(gòu)。請(qǐng)注意，本文并非新手教程，著重點(diǎn)更多是在于提供解決問(wèn)題的思路，而非手把手帶你裝逼。 作者介紹 本人供職于某互聯(lián)網(wǎng)物流公司，專(zhuān)職前端，公司雖...

  Lowky 2019-08-20 10:50 評(píng)論0 收藏0
• 

  webpack多頁(yè)應(yīng)用架構(gòu)系列（九）：總有刁民想害朕！ESLint為你阻擊垃圾代碼

  ...y-Huang/webpack-seed）。 附系列文章目錄（同步更新） webpack多頁(yè)應(yīng)用架構(gòu)系列（一）：一步一步解決架構(gòu)痛點(diǎn)：https://segmentfault.com/a/1190000006843916 webpack多頁(yè)應(yīng)用架構(gòu)系列（二）：webpack配置常用部分有哪些？:https://segmentfault.com/a/1190...

  dingding199389 2019-08-20 11:20 評(píng)論0 收藏0
• 

  webpack多頁(yè)應(yīng)用架構(gòu)系列（八）：教練我要寫(xiě)ES6！webpack怎么整合Babel？

  ...ray-Huang/webpack-seed)。 附系列文章目錄（同步更新） webpack多頁(yè)應(yīng)用架構(gòu)系列（一）：一步一步解決架構(gòu)痛點(diǎn)：https://segmentfault.com/a/1190000006843916 webpack多頁(yè)應(yīng)用架構(gòu)系列（二）：webpack配置常用部分有哪些？:https://segmentfault.com/a/1190...

  gnehc 2019-08-20 11:14 評(píng)論0 收藏0
• 

  webpack多頁(yè)應(yīng)用架構(gòu)系列（十五）：論前端如何在后端渲染開(kāi)發(fā)模式下夾縫生存

  ...來(lái)統(tǒng)一渲染罷了。 總結(jié) 在后端渲染的項(xiàng)目里使用webpack多頁(yè)應(yīng)用架構(gòu)是絕對(duì)可行的，可不要給老頑固們嚇唬得又回到傳統(tǒng)前端架構(gòu)了。 示例代碼 諸位看本系列文章，搭配我在Github上的腳手架項(xiàng)目食用更佳哦（笑）：Array-Huang/web...

  dinfer 2019-07-01 12:21 評(píng)論0 收藏0
• 

  webpack多頁(yè)應(yīng)用架構(gòu)系列（十五）：論前端如何在后端渲染開(kāi)發(fā)模式下夾縫生存

  ...來(lái)統(tǒng)一渲染罷了。 總結(jié) 在后端渲染的項(xiàng)目里使用webpack多頁(yè)應(yīng)用架構(gòu)是絕對(duì)可行的，可不要給老頑固們嚇唬得又回到傳統(tǒng)前端架構(gòu)了。 示例代碼 諸位看本系列文章，搭配我在Github上的腳手架項(xiàng)目食用更佳哦（笑）：Array-Huang/web...

  dingda 2019-08-20 13:57 評(píng)論0 收藏0
• 

  webpack多頁(yè)應(yīng)用架構(gòu)系列（十一）：預(yù)打包Dll，實(shí)現(xiàn)webpack音速編譯

  ...：https://segmentfault.com/blog/array_huang 前言 書(shū)承上文《webpack多頁(yè)應(yīng)用架構(gòu)系列（十）：如何打造一個(gè)自定義的bootstrap》。 上文說(shuō)到我們利用webpack來(lái)打包一個(gè)可配置的bootstrap，但文末留下一個(gè)問(wèn)題：由于bootstrap十分龐大，因此每次...

  sixleaves 2019-08-20 11:33 評(píng)論0 收藏0
• 

  webpack多頁(yè)應(yīng)用架構(gòu)系列（四）：老式j(luò)Query插件還不能丟，怎么兼容？

  ...分了 看不明白的麻煩去看本系列的另一篇文章《webpack多頁(yè)應(yīng)用架構(gòu)系列（二）：webpack配置常用部分有哪些？》：https://segmentfault.com/a/1190000006863968 */ { test: require.resolve(jquery), // 此loader配置項(xiàng)的目標(biāo)是NPM中的jquery loader: ...

  Chao 2019-08-22 10:38 評(píng)論0 收藏0
• 

  webpack多頁(yè)應(yīng)用架構(gòu)系列（十三）：構(gòu)建一個(gè)簡(jiǎn)單的模板布局系統(tǒng)

  ...這里：https://segmentfault.com/blog/array_huang 前言 上文《webpack多頁(yè)應(yīng)用架構(gòu)系列（十二）：利用webpack生成HTML普通網(wǎng)頁(yè)&頁(yè)面模板》我們基本上已經(jīng)搞清楚如何利用html-webpack-plugin來(lái)生成HTML普通網(wǎng)頁(yè)&頁(yè)面模板，本文將以我的腳手架項(xiàng)目...

  yedf 2019-08-20 11:36 評(píng)論0 收藏0
• 

  webpack多頁(yè)應(yīng)用架構(gòu)系列（十）：如何打造一個(gè)自定義的bootstrap

  ...了。引入全局jQuery的方法請(qǐng)看我之前的這篇文章《webpack多頁(yè)應(yīng)用架構(gòu)系列（四）：老式j(luò)Query插件還不能丟，怎么兼容？》（ProvidePlugin + expose-loader），我的腳手架項(xiàng)目Array-Huang/webpack-seed也是使用的這套方案。 如何加載bootstrap配...

  jindong 2019-08-20 11:24 評(píng)論0 收藏0
• 

  webpack多頁(yè)應(yīng)用架構(gòu)系列（十二）：利用webpack生成HTML普通網(wǎng)頁(yè)&頁(yè)面模板

  ...現(xiàn)對(duì)多個(gè)頁(yè)面共有的部分實(shí)現(xiàn)復(fù)用，下一篇《webpack多頁(yè)應(yīng)用架構(gòu)系列（十三）：構(gòu)建一個(gè)簡(jiǎn)單的模板布局系統(tǒng)》我們就來(lái)介紹這部分的內(nèi)容。 示例代碼 諸位看本系列文章，搭配我在Github上的腳手架項(xiàng)目食用更佳哦（笑）：...

  BaronZhang 2019-08-20 11:34 評(píng)論0 收藏0
• 

  webpack多頁(yè)應(yīng)用架構(gòu)系列（七）：開(kāi)發(fā)環(huán)境、生產(chǎn)環(huán)境傻傻分不清楚？

  ...別調(diào)用開(kāi)發(fā)/生產(chǎn)環(huán)境的配置文件呢？ 還記得我在《webpack多頁(yè)應(yīng)用架構(gòu)系列（二）：webpack配置常用部分有哪些？》里講過(guò)，我們?cè)诳刂婆_(tái)調(diào)用webpack命令來(lái)啟動(dòng)打包時(shí)，可以添加上--config參數(shù)來(lái)指定webpack配置文件的路徑嗎？我們...

  paulquei 2019-08-20 11:09 評(píng)論0 收藏0
• 

  webpack多頁(yè)應(yīng)用架構(gòu)系列（六）：聽(tīng)說(shuō)webpack連圖片和字體也能打包？

  ...ray-Huang/webpack-seed)。 附系列文章目錄（同步更新） webpack多頁(yè)應(yīng)用架構(gòu)系列（一）：一步一步解決架構(gòu)痛點(diǎn)：https://segmentfault.com/a/1190000006843916 webpack多頁(yè)應(yīng)用架構(gòu)系列（二）：webpack配置常用部分有哪些？:https://segmentfault.com/a/1190...

  dayday_up 2019-08-21 14:26 評(píng)論0 收藏0
• 

  webpack多頁(yè)應(yīng)用架構(gòu)系列（二）：webpack配置常用部分有哪些？

  ...的啦哈哈哈哈）。 附系列文章目錄（同步更新） webpack多頁(yè)應(yīng)用架構(gòu)系列（一）：一步一步解決架構(gòu)痛點(diǎn)：https://segmentfault.com/a/1190000006843916 webpack多頁(yè)應(yīng)用架構(gòu)系列（二）：webpack配置常用部分有哪些？:https://segmentfault.com/a/119000...

  icattlecoder 2019-08-22 10:37 評(píng)論0 收藏0
• 

  webpack多頁(yè)應(yīng)用架構(gòu)系列（五）：聽(tīng)說(shuō)webpack連less/css也能打包？

  ...載不同應(yīng)用層次的less/css。 用到什么loader了？ 在《webpack多頁(yè)應(yīng)用架構(gòu)系列（二）：webpack配置常用部分有哪些？》里我就說(shuō)過(guò)，webpack的核心只能打包js文件，而js以外的資源都是靠loader進(jìn)行轉(zhuǎn)換或做出相應(yīng)的處理的。下面我就來(lái)...

  Me_Kun 2019-08-22 10:39 評(píng)論0 收藏0