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