From a5012900ff09af7c8099eaac600dd76fb27b9d38 Mon Sep 17 00:00:00 2001 From: Logic <376693576@qq.com> Date: Mon, 11 Feb 2019 15:10:07 +0800 Subject: [PATCH] =?UTF-8?q?class=E5=88=86=E6=94=AF?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- README.md | 92 ++----------------------------------------------------- 1 file changed, 2 insertions(+), 90 deletions(-) diff --git a/README.md b/README.md index b96a3e62..2f1e723a 100644 --- a/README.md +++ b/README.md @@ -7,45 +7,9 @@ ## what is this? -react automaticaly
-这是一个 React 脚手架,没有使用 create-react-app
-标准的 React+Redux 分层结构
-经过了多个项目的实践,不停的更新和优化出来的。目前自己做项目也在用。 +这是最后更新的 class 版本分支,master 已全面拥抱 hooks -- PWA、代码分割、HMR 热替换、dllPlugin 静态资源预编译、HappyPack 多线程构建、ES6+语法 - -## 注意的地方 -- antd icon打包体积过大:https://github.com/ant-design/ant-design/issues/12011 -- babel-eslint9.0 以后对修饰器的格式化判定(他们认为写在 export 后面更标准)与 prettier(他们认为写在开头并折行更漂亮)官方不符(目前只使用 8.x) - -## 构建 Start - -``` -npm install # 安装依赖模块 | 1.首先运行这个 -``` - -``` -npm run dll # 静态资源预编译 | 2.接着运行一次这个 -``` - -``` -npm run start # 运行开发环境,默认监听8888端口 -``` - -``` -npm run build # 正式打包,用于生产环境 -``` - -``` -npm run prettier # 一键格式化src、mock目录下的所有.js/.css/.less文件 -``` - -``` -npm run dist # 运行正式打包后的最终文件(build目录下的文件),默认监听8888端 -npm run distmac # MAC下运行最终文件 -``` - -## Yarn 构建 +## 构建 ``` yarn install # 安装依赖模块 @@ -71,55 +35,3 @@ yarn prettier # 自动格式化src、mock目录下的所有.js/.css/.scss/.less yarn dist # 运行正式打包后的最终文件(build目录下的文件),默认监听8888端口 yarn distmac # MAC下运行最终文件 ``` - -## 更新日志 Update log -见Wiki - -## 目录结构 Structure - -``` -. -├── build # 正式打包后,会自动生成该文件夹,其中会包含最终用于生产环境的文件 -│   ├── dist # 编译后的资源文件 -│   ├── icons # 编译后自动生成的各尺寸favicon图标,有的会用于PWA配置 -│   ├── asset-manifets.json # 记录了将会被缓存的资源 -│   ├── index.html # 编译后的主页html -│   ├── manifest.json # PWA配置文件,配置了桌面图标,以APP方式启动时的启动页面相关参数 -│   └── service-worker.js # PWA核心worker, 用于离线访问,缓存不变的资源文件 -├── dll # 静态资源预编译插件生成的dll文件 -├── mock # mock测试数据 -├── public # 静态文件,index.html等 -├── src                                 # 项目代码目录 -│   ├── component                     # 所有的公共类UI组件 -│   ├── container                     # 所有的页面级容器组件 -| ├── ... -| └── router # 根组件,里面配置了顶级的路由 -| ├── models # 模块(包含store数据/reducers/actions) -│ ├── assets # 所有的图片、文件等静态资源 -│   ├── styles                         # 所有的样式文件 -│   ├── store                          # store数据中心 -│ ├── root # 根页 -│ ├── store # store数据中心 -│ ├── util # 自定义工具 -│   ├── index.js                       # 项目入口JS -│   └── index.html                     # 主页html文件,开发环境和生产打包共用 -├── server.js # 用于开发环境的服务部署 -├── webpack.dev.config.js # 用于开发环境的webpack配置 -├── webpack.dll.config.js # 静态资源预编译所需webpack配置 -└── webpack.production.config.js # 用于生产环境正式打包的webpack配置 -``` - -## 预览地址 Demo - -http://isluo.com/work/pwa (线上没有 mock 环境) - -## 参阅资料 - -React 英文官网:https://reactjs.org
-React 中文文档:https://doc.react-china.org
-React GitHub 地址:https://github.com/facebook/react
-React 官方更新日志:https://github.com/facebook/react/releases
-React 生命周期:https://reactjs.org/docs/react-component.html
-mockjs 官网:http://mockjs.com/
-Eslint 中文站:http://eslint.cn/
-Babel GitHub 地址:https://github.com/babel/babel