Lijiahao8898 F2E

初试dva
React、 2018-12-17 资料整理

前奏

安装dva-cli

npm install -g dva-cli

初始化项目

mkdir dva-pro

cd dva-pro

dva-init

项目目录：

|- mock
|- node_modules
|- package.json
|- public
|- src
    |- asserts
    |- components
    |- models
    |- routes
    |- services
    |- utils
    |- router.js
    |- index.js
    |- index.css
|- .editorconfig
|- .eslintrc
|- .gitignore
|- .roadhogrc.mock.js
|- .webpackrc
  • mock 存放用于 mock 数据的文件；
  • public 一般用于存放静态文件，打包时会被直接复制到输出目录(./dist)；
  • asserts 用于存放静态资源，打包时会经过 webpack 处理；
  • components 用于存放 React 组件，一般是该项目公用的无状态组件；
  • models 用于存放模型文件
  • routes 用于存放需要 connect model 的路由组件；
  • services 用于存放服务文件，一般是网络请求等；
  • utils 工具类库
  • router.js 路由文件
  • index.js 项目的入口文件
  • index.css 一般是共用的样式
  • .editorconfig 编辑器配置文件
  • .eslintrc ESLint配置文件
  • .gitignore Git忽略文件
  • .roadhogrc.mock.js Mock配置文件
  • .webpackrc 自定义的webpack配置文件，JSON格式，如果需要 JS 格式，可修改为 .webpackrc.js

最新