React项目搭建和打包

使用react配套脚手架

npm install -g create-react-app 下载脚手架
项目创建
create-react-app my-project
进入项目
cd my-project
运行项目
npm start

项目框架 

|-node_modules             //项目包

|-public             //一般用于存放静态文件，打包时会被直接复制到输出目录(./buidle)

|-src               //项目源代码
  |  |-asserts         //用于存放静态资源，打包时会经过 webpack 处理

  |  |-components     //组件 存放 React 组件，一般是该项目公用的无状态组件
  |  |-containers          //页面视图
  |  |-routes         //路由 存放需要 connect model 的路由组件

  |  |-App.js         //入口文件

  |  |-index         //注册路由与服务

  |  |- serviceWorker        //开发配置

|-package.json      //包管理代码

|-.gitignore //Git忽略文件

项目打包

npm run build