脚本宝典收集整理的这篇文章主要介绍了3秒钟快速搭建一个react多页应用，脚本宝典觉得挺不错的，现在分享给大家，也给大家做个参考。
what
本文主要阐述了如何使用dawn快速搭建一个多页面应用。
why
单页有许多优缺点。而我司当前的情况比较适合于使用多页面应用，既提高了开发效率，保证了用户体验，又极大的兼容了原有的PHP体系。
how
-
第一秒，准备原材料
$ npm install dawn -g
$ mkdir demo
-
第二秒，初始化应用
@H_512_49@// 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增加业务所需内容
以上是脚本宝典为你收集整理的3秒钟快速搭建一个react多页应用全部内容，希望文章能够帮你解决3秒钟快速搭建一个react多页应用所遇到的问题。
本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。