17_react脚手架应用分析

  |-- index.html // 启动页(主页)
  |-- build //构建目录，遵循发布系统规范
  |    |-- index.html   //静态页面
  |    |-- static //资源文件发布到cdn,或发布到服务器 | |-- src //源码目录 | |--component // 组件 | | |-- common //公共组件 | | |-- temp //父组件 | |--Config //工具方法 | |--Image //图片资源 | |--Redux // react-redux 数据状态管理 | | |-- action.jsx // 派发数据的 action | | |-- reducer.jsx //用于处理 action 的 reducer | | |-- store.jsx //数据管理器 | |-- Router //路由 | |-- Style //样式 | |-- template //编译html模板 | |-- App.jsx //js 入口文件 |-- static // 源码静态资源(公共资源) | |-- webpack.config.hot // 本地热编译 |-- webpack.config.buildt // 编译发布测试环境 |-- webpack.config.online // 编译发布线上环境

package.json是描述此项目的文件，一共分三部分描述
一、标识
　　1."name":"react_app"
　　2."version":"1.0.0"
　　3."author":"Jensen"
二、依赖
　　1.devDependencies:
　　　　开发时的项目依赖，编译、打包的时候需要
　　2.dependencies:
　　　　运行时依赖
三、运行/命令
　　配置在scripts里面
　　通过npm run来运行
　　start、build、test、eject

转载于:https://www.cnblogs.com/zhanzhuang/p/10717431.html