项目根据react、react-route-dom来搭建,通过webpack打包生成
react环境基于node环境及其包管理工具npm,配置好node之后,克隆该工程或package.json
文件,执行npm install
命令即可安装全部依赖
-
npm run server
进入开发调试环境,生成一个本地服务器,可以自动监听代码的更改 -
npm run build
build生成生产环境的代码
src
目录
src
目录用于放置源代码及工程所需静态资源,src
的当前目录下放置了index.js
入口文件及index.tmpl.html
模板文件,其子目录分为component
、api
、assest
目录
component
目录
该目录用于存放react编写的各个组件js代码及其css代码
assets
目录
该目录用于存放图标图片及全局css样式,其子目录分为了image
及layout
目录
api
目录
该目录用于存放全局方法及全局变量
build
目录
build
目录用于放置被编译打包生成后的文件,主要有index.html
、bundle.js
,或者当存在较大的图片会生成images/
目录
- 根目录
根目录放置的是配置文件,node环境配置文件package.json
、webpack环境配置文件webpack.config.js
和一些插件配置文件