适用人群:该框架集成了react开发常用技术栈,适用于想要学习单向数据流框架搭建的新手、以及想要一个比较干净、简洁的框架从事实践项目的开发者。(doc文件夹附有教程文档)
不适用人群:想要学习完整项目,比如饿了么,社区论坛这种应用型项目,请搜索其他开源项目。
欢迎 watch、star、fork,因为我自己也是基于这套框架做开发,所以我会长期维护该项目,跟随相关插件的升级而升级优化。
1、回退到webpack2.6.1:今天升级到v3,有人反馈热更新不正常,只能回退版本了。
1、使用webpack的import()实现代码切割,不只是在路由中使用,你可以在任意组件内部使用代码切割方法懒加载组件,。
在路由route中,你可以这样
//封装好的异步方法,非原创,使用了一个大神写的函数。
import { asyncComponent } from './AsyncComponent'
//使用asyncComponent(),你就能将Promise的返回值赋给一个变量
const Search = asyncComponent(() => import(/* webpackChunkName: "search" */ "./containers/Search/searchContainer"))
<Route path="/xx" component={Search} />
请注意import()方法是异步的,你不能这样使用
const Foo = import("./xx") // 错误的写法
<Route path="/xx" component={import("./xxx")} /> //错误的写法
==========================================
体验动画路由切换:https://hyy1115.github.io/huangyongyue/
=========================
==========================
fork到你的账号,简单省事,或者 download 项目到本地
1、 安装依赖包,已经解决了一些依赖包安装最新版可能出现的bug,如果还有问题,可以看相关社区的issue。
npm install 或者cnpm install
2、运行demo。
mac
npm run start-mac
windows
npm run start-win
3、将会开启3011端口.
http://localhost:3011
4、打包发布: 假设你用的是阿里云服务器,你可以把静态资源和图片都放到CDN,index.html放到你的域名服务器下面,请注意路径问题。
mac
npm run build-mac
windows
npm run build-win
===========================================
如果你对该项目感兴趣,想共享一份你的力量,请大胆pull request吧!
1、点击fork
2、去到你fork之后的项目下面
3、clone到本地
4、你可以在本地修改、删除、增加,然后commit到本地缓存,接着push到远程。(请注意每次commit尽量做小改动,切勿改了几十个文件全部都commit到一起!)
5、然后,在github桌面客户端pull request你的commit