项目采用Webpack+Vue-router的架构方式,在命令行中，进入项目目录，使用npm install 安装package.json里项目的依赖包。如果你网速较慢的话，可以使用淘宝镜像的cnpm来进行安装。 查看是否安装正确。在命令行中输入 npm run dev ，如果…

整个项目大概有60+个页面，用到的组件大概150+，package里面的依赖大概有70+个，应该勉强算得上是一个中型的React的项目了。 打包时间约150s，打包完之后的资源gzip之后约1.2m，尽管之前分离了一些公用依赖，但是index包的体积达到了600+还是令人难以接…

在reducer中，state的数据是不希望被改变的，在写项目的时候，很容易在不知不觉中把state给改了，从而造成异常。 immutable.js可以帮助解决问题，它会生成一个immutable对象，这个对象是不可被改变的。 immutable提供了set和merge两种方法…

一、使用create-react-app脚手架搭建项目 项目运行成功 配置webstorm支持react语法提示 删除项目不必要的文件 在index.html中加入一些移动端的适配属性 开始配置 二、

很早就想从npm init开始纯手工搭个React项目（以前常常都是直接脚手架或者ctrl+C ctrl+V前人搭好的改改就继续用了），刚好最近工作上要写个demo，就想着趁机来操作（摸鱼）一手，顺便记录一下。 尽管现在各种脚手架已经很多很方便了，诸如vue-cli、creat…

本文详细的介绍如何从头开始搭建一个react项目，帮助新人了解项目搭建流程和打包流程。 需要注意包版本问题，不同版本代表着不同的代码。如果包版本不同启动项目时可能会出现未知错误。 Node.js 是能够在服务器端运行 JavaScript 的开放源代码、跨平台 JavaScri…

$\quad$ 在项目所在路径，使用create-react-app . --template typescript创建项目，注意：项目名称中不能包括大写字符。 执行 yarn start命令，yarn就会帮我们打开浏览器窗口，看到我们自己的项目。如下图： 即可阻止弹窗。 内置…

目前项目用的是mock数据，账号可以随意输入。 这个是目前我自己用到的这样来定义，目录结构根据自己需求即可。 为什么封装axios？ 首先，我们使用axios作为请求方式，各方面性能吧都不错。其次，在单页应用中，涉及到的请求会非常多，对于请求拦截、响应拦截、错误统一处理等常规操…

历时三个月，终于和小伙伴们 “肝” 完了一阶段的项目，收获还是挺多的。但是由于这是我们第一次在正式项目中完全使用 React 进行开发，前期项目搭建的时候没有足够的经验，导致我们在进行项目优化的时候遇到了一些局限性，只能选择一些退而求其次的方式。 下面我就根据这次的整个开发过程…