/dva-todolist

react + dva todolist 实例

Primary LanguageJavaScript

dva-todolist

react + dva todolist 项目参考：https://github.com/nickiwen/dva

安装 dva-cli

    $ npm install dva-cli -g
    $ dva -v
    dva-cli version 0.10.1

创建新应用

    dva new dva-todolist
    $ cd dva-todolist
    $ npm start

使用 antd

    1. npm install antd babel-plugin-import --save
    2. 编辑 .webpackrc，使 babel-plugin-import 插件生效。
    {
      "extraBabelPlugins": [
        ["import", { "libraryName": "antd", "libraryDirectory": "es", "style": true }] // true 开启less
      ]
    }
    3.dva-cli 基于 roadhog 实现 build 和 dev，更多 .webpackrc 的配置详见：https://github.com/sorrycc/roadhog#%E9%85%8D%E7%BD%AE

项目启动和部署github

  • 1.安装gh-pages
 npm install gh-pages --save-dev
  • 2.package.json 添加 
      "homepage":"https://xuwenliu.github.io/dva-todolist",
  • 3.package.json script里面 添加 
      "predeploy": "yarn build",
  "deploy": "gh-pages -d dist" //dist 为npm run build 打包后生成的文件夹名称
  • 4.npm run build
  • 5.npm run deploy

使用插件