資訊專(zhuān)欄INFORMATION COLUMN
摘要：本文主要闡述了如何使用快速搭建一個(gè)多頁(yè)面應(yīng)用。而我司當(dāng)前的情況比較適合于使用多頁(yè)面應(yīng)用，既提高了開(kāi)發(fā)效率，保證了用戶體驗(yàn)，又極大的兼容了原有的體系。當(dāng)然也可以不復(fù)制不修改，此時(shí)就是一個(gè)單頁(yè)面應(yīng)用。
what
本文主要闡述了如何使用dawn快速搭建一個(gè)多頁(yè)面應(yīng)用。
why單頁(yè)有許多優(yōu)缺點(diǎn)。而我司當(dāng)前的情況比較適合于使用多頁(yè)面應(yīng)用，既提高了開(kāi)發(fā)效率，保證了用戶體驗(yàn)，又極大的兼容了原有的PHP體系。
how
第一秒，準(zhǔn)備原材料
$ npm install dawn -g $ mkdir demo
第二秒，初始化應(yīng)用
// react $ dn init -t react
第三秒，多頁(yè)配置
在./src中，復(fù)制并修改index.js為所需的頁(yè)面名稱(chēng)。當(dāng)然也可以不復(fù)制不修改，此時(shí)就是一個(gè)單頁(yè)面應(yīng)用。dawn會(huì)自動(dòng)讀取./src中的js作為入口（不包括子目錄中的js）
至此，多頁(yè)面應(yīng)用已經(jīng)構(gòu)建完成
extra在此基礎(chǔ)上，我又進(jìn)行了一些額外配置
狀態(tài)管理方案參考了這篇 利用Dawn工程化工具實(shí)踐MobX數(shù)據(jù)流管理方案，或者可以說(shuō)因?yàn)檫@篇文章對(duì)于Mobx的優(yōu)秀實(shí)踐，我發(fā)現(xiàn)了dawn這個(gè)工具
對(duì)webpack進(jìn)行高度配置，在./下新建webpack.config.js。舉個(gè)例子：
module.exports = function(configs,webpack,ctx){
//configs 為默認(rèn)配置，可以在這里對(duì)其進(jìn)行修改
//webpack 當(dāng)前 webpack 實(shí)例
//ctx 當(dāng)前構(gòu)建「上下文實(shí)例」
configs.plugins.push(new webpack.DefinePlugin({
"process.env": {
NODE_ENV: JSON.stringify("production")
}
}));
};
將入口文件移入新建./src下的pages文件夾，同時(shí)在./.dawn/pipe.yml中修改dev和build下的webpack項(xiàng)
entry: ./src/pages/*.js
修改./src/assets/*.html增加業(yè)務(wù)所需內(nèi)容
文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/92307.html
摘要：五六月份推薦集合查看最新的請(qǐng)點(diǎn)擊集前端最近很火的框架資源定時(shí)更新，歡迎一下。蘇幕遮燎沈香宋周邦彥燎沈香，消溽暑。鳥(niǎo)雀呼晴，侵曉窺檐語(yǔ)。葉上初陽(yáng)乾宿雨，水面清圓，一一風(fēng)荷舉。家住吳門(mén)，久作長(zhǎng)安旅。五月漁郎相憶否。小楫輕舟，夢(mèng)入芙蓉浦。 五、六月份推薦集合 查看github最新的Vue weekly；請(qǐng)::點(diǎn)擊::集web前端最近很火的vue2框架資源；定時(shí)更新，歡迎 Star 一下。 蘇...
摘要：五六月份推薦集合查看最新的請(qǐng)點(diǎn)擊集前端最近很火的框架資源定時(shí)更新，歡迎一下。蘇幕遮燎沈香宋周邦彥燎沈香，消溽暑。鳥(niǎo)雀呼晴，侵曉窺檐語(yǔ)。葉上初陽(yáng)乾宿雨，水面清圓，一一風(fēng)荷舉。家住吳門(mén)，久作長(zhǎng)安旅。五月漁郎相憶否。小楫輕舟，夢(mèng)入芙蓉浦。 五、六月份推薦集合 查看github最新的Vue weekly；請(qǐng)::點(diǎn)擊::集web前端最近很火的vue2框架資源；定時(shí)更新，歡迎 Star 一下。 蘇...
摘要：但多頁(yè)應(yīng)用不用考慮新舊頁(yè)面的變化，一個(gè)多頁(yè)應(yīng)用每一頁(yè)都會(huì)重新建立。下面咱們圍繞一個(gè)單頁(yè)應(yīng)用的，來(lái)細(xì)說(shuō)。如果沒(méi)有這兩個(gè)庫(kù)，我們是沒(méi)法創(chuàng)建應(yīng)用的。結(jié)束語(yǔ)本篇文章大概講了怎么創(chuàng)建一個(gè)單頁(yè)應(yīng)用，讓大家了解一下。 好久沒(méi)寫(xiě)文章了，今天來(lái)分享一篇 關(guān)于 react 的 helloWord 。如果你也是剛開(kāi)始學(xué)習(xí)react，或者已經(jīng)久仰 react 并開(kāi)始著手學(xué)習(xí)，那或許這篇文章能給你一點(diǎn)啟發(fā)。文章...
摘要：前戲今年，對(duì)于我個(gè)人而言遭遇了三個(gè)重大的轉(zhuǎn)折點(diǎn)。盡可能的把溝通成本用約定和文檔降低。學(xué)習(xí)的這一年可以說(shuō)年的學(xué)習(xí)，在上半年的精力，放在了技術(shù)上。而下半年則相反。 前戲 今年，對(duì)于我個(gè)人而言遭遇了三個(gè)重大的轉(zhuǎn)折點(diǎn)。 15年9月大三休學(xué)創(chuàng)業(yè)，16年9月重新復(fù)學(xué)大三 在2016年4月順利引進(jìn)天使輪，公司從廈門(mén)集美區(qū)搬到了深圳南山區(qū) 16年底，我們正在準(zhǔn)備接入A輪 16年與15年相比，總體來(lái)...
閱讀 2530·2023-04-26 02:47
閱讀 3012·2023-04-26 00:42
閱讀 878·2021-10-12 10:12
閱讀 1385·2021-09-29 09:35
閱讀 1699·2021-09-26 09:55
閱讀 487·2019-08-30 14:00
閱讀 1542·2019-08-29 12:57
閱讀 2362·2019-08-28 18:00
