摘要：本文主要阐述了如何使用快速搭建一个多页面应用。而我司当前的情况比较适合于使用多页面应用，既提高了开发效率，保证了用户体验，又极大的兼容了原有的体系。当然也可以不复制不修改，此时就是一个单页面应用。
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增加业务所需内容
文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。
转载请注明本文地址：https://www.ucloud.cn/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年相比，总体来...
阅读 2456·2023-04-26 02:47
阅读 2985·2023-04-26 00:42
阅读 848·2021-10-12 10:12
阅读 1346·2021-09-29 09:35
阅读 1657·2021-09-26 09:55
阅读 428·2019-08-30 14:00
阅读 1513·2019-08-29 12:57
阅读 2336·2019-08-28 18:00
