zoukankan      html  css  js  c++  java
  • 利用create-react-app结合react-redux、react-router4构建单页应用

    1.创建项目:

      a.全局安装create-react-app: npm  install  create-react-app  -g

           b.执行create-react-app  my-projectName创建自己的项目,完成之后npm run  start即可启动项目。

    2.引入组件库、插件配置等:

      a.执行npm install  antd-mobile  --save安装组件库

      b.执行npm install  babel-plugin-import  --save安装按需加载插件

      c.执行npm  run  eject  弹出个性化配置,在package.json中的babel配置项添加按需加载插件配置:

        

    3.引入redux、react-redux

      a.执行npm install  redux  --save安装redux 

      b.执行npm install  redux-thunk安装thunk插件,使redux可处理异步操作

      c.执行npm install  react-redux  --save安装react-redux简化参数传递

      d.执行npm  install  babel-plugin-transform-decorators-legacy --save-dev安装此插件支持connect的装饰器写法

     

    4.引入react-router4

      a.执行npm  install  react-router-dom  --save

       

  • 相关阅读:
    JavaScript Basic Memo
    移动端WEB开发备忘录
    重学前端
    roadhog 构建优化
    ES6 memo
    styled-components 背后的魔法
    怎么在多场景下使用不同的 git 账号 commit
    三方登录总结
    Promise 错误处理
    观察者模式 vs 发布-订阅模式
  • 原文地址:https://www.cnblogs.com/zifayin/p/7860640.html
Copyright © 2011-2022 走看看