|-- 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