資訊專欄INFORMATION COLUMN
摘要：如果你還不是很了解什么是同構(gòu)，請(qǐng)先自行?，F(xiàn)在市面上有很多優(yōu)秀同構(gòu)模板，但是其中有不少不能完美解決所有難題，只有其中一部分可以，但是這一部分模板卻又集成了很多難懂的黑科技，熟悉周期較長(zhǎng)，且難以擴(kuò)展和維護(hù)。
如果你還不是很了解什么是同構(gòu)，請(qǐng)先自行Google。
現(xiàn)在市面上有很多優(yōu)秀同構(gòu)模板，但是其中有不少不能完美解決所有難題，只有其中一部分可以，但是這一部分模板卻又集成了很多難懂的“黑科技”，熟悉周期較長(zhǎng)，且難以擴(kuò)展和維護(hù)。
該模板解決了如下常見難題：
開發(fā)環(huán)境的代碼熱更新問題 - Browser端的熱替換(不刷新頁面)、Server端的熱更新(無需重啟node服務(wù)器)
開發(fā)環(huán)境和生產(chǎn)環(huán)境盡量保持環(huán)境一致 - 易于避免奇怪的bug
開發(fā)和生產(chǎn)環(huán)境的代碼分割 - 按需加載、按路由加載腳本(javascript)和樣式(css)
盡量使用最新的官方組件 - 如react router v4，現(xiàn)在市面上很多樣板還都只能用v3實(shí)現(xiàn)
完美結(jié)合koa和redux-thunk的async / await編程，實(shí)現(xiàn)真正的同構(gòu)
checksum問題
配置簡(jiǎn)單到讓你發(fā)指：
好吧，既然解決這么多問題，是不是配置過程很惡心？答：不是的。整個(gè)項(xiàng)目的核心配置就在以下的2 * 2文件中：
--- 開始 ---
config/webpack.dev.config.js、src/development.js - 開發(fā)環(huán)境配置
config/webpack.prod.config.js、src/production.js - 生產(chǎn)環(huán)境配置
--- 結(jié)束 ---
就這樣簡(jiǎn)單... 這樣，大大方便使用者快速理解和自定義擴(kuò)展。
如果你不相信：詳細(xì)信息、項(xiàng)目代碼請(qǐng)直戳Github倉(cāng)庫(kù)地址 - Koa-React-Universal
代碼目前仍處于迭代階段（有些額外功能還需補(bǔ)充上），但是開發(fā)環(huán)境和生產(chǎn)環(huán)境已經(jīng)配置完畢。截圖后面完成后再補(bǔ)上。
如果覺得好用，請(qǐng)送上star，請(qǐng)盡情fork。
文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/87387.html
摘要：結(jié)果證明，對(duì)于以上瀏覽器，在生產(chǎn)環(huán)境使用是可行的。后面可以跟對(duì)象，表示等待才會(huì)繼續(xù)向下執(zhí)行，如果被或拋出異常則會(huì)被外面的捕獲。，，都是現(xiàn)在和未來解決異步的標(biāo)準(zhǔn)做法，可以完美搭配使用。這也是使用標(biāo)準(zhǔn)一大好處。只允許外部傳入成功或失敗后的回調(diào)。 showImg(https://cloud.githubusercontent.com/assets/948896/10188666/bc9a53...
摘要：年底了，開源一套我們的大前端架構(gòu)，小伙伴們都用得很爽的。聽說的人明年會(huì)發(fā)財(cái)文檔是一套正式上線的大前端解決方案。是一套前端端彼此相親相愛不分離，你中有我，我中有你的大前端解決方案。 年底了，開源一套我們的大前端架構(gòu)aotoo-hub，小伙伴們都用得很爽的。 GITHUB -- 聽說star的人明年會(huì)發(fā)財(cái) 文檔 aotoo-hub是一套正式上線的大前端解決方案。迭代的這2年多的時(shí)間，...
摘要：什么是前后端同構(gòu)明確三個(gè)概念后端渲染指?jìng)鹘y(tǒng)的或的渲染機(jī)制前端渲染指使用來渲染頁面大部分內(nèi)容，代表是現(xiàn)在流行的單頁面應(yīng)用同構(gòu)渲染指前后端共用，首次渲染時(shí)使用來直出。 什么是前后端同構(gòu) 明確三個(gè)概念：「后端渲染」指?jìng)鹘y(tǒng)的 ASP、Java 或 PHP 的渲染機(jī)制；「前端渲染」指使用 JS 來渲染頁面大部分內(nèi)容，代表是現(xiàn)在流行的 SPA 單頁面應(yīng)用；「同構(gòu)渲染」指前后端共用 JS，首次渲染時(shí)...
摘要：不斷更新筆記效果有待進(jìn)一步完善搭建一個(gè)基于的多人功能登錄注冊(cè)上傳頭像發(fā)表博文發(fā)表留言參考自前端部分以的腳手架搭起的全家桶后端采用開發(fā)環(huán)境開發(fā)環(huán)境要求以上目錄結(jié)構(gòu)如何運(yùn)行后端默認(rèn)配置在中請(qǐng)確保本地端口默認(rèn)可用發(fā)布到目錄中默 Full-stack-blog(不斷更新筆記) 效果Demo(有待進(jìn)一步完善)搭建一個(gè)基于Koa2的多人blog功能(登錄注冊(cè)上傳頭像,發(fā)表博文,發(fā)表留言)參考自ht...
摘要：原作者原鏈接基于多入口生成模板用于服務(wù)端渲染的方案及實(shí)戰(zhàn)法律聲明警告本作品遵循署名非商業(yè)性使用禁止演繹未本地化版本協(xié)議發(fā)布。這是什么背景現(xiàn)代化的前端項(xiàng)目中很多都使用了客戶端渲染的單頁面應(yīng)用。 原作者：@LinuxerPHL原鏈接：基于 Webpack 4 多入口生成模板用于服務(wù)端渲染的方案及實(shí)戰(zhàn) 法律聲明 警告：本作品遵循 署名-非商業(yè)性使用-禁止演繹3.0 未本地化版本（CC BY-...
閱讀 2346·2021-11-24 10:33
閱讀 1418·2019-08-30 15:43
閱讀 3306·2019-08-29 17:24
閱讀 3517·2019-08-29 14:21
閱讀 2250·2019-08-29 13:59
閱讀 1764·2019-08-29 11:12
閱讀 2840·2019-08-28 18:00
閱讀 1882·2019-08-26 12:17
