node下使用webpack构建react开发环境,_______react 配置 mobx
2018-07-20 11:44
756 查看
1、安装node。 node -v 可以直接查看版本。(当我们安装好node以后,会自动将node设置系统的环境变量,将npm设置为系统的用户变量,可以在系统环境变量中查看。)
2、安装node时会自带一个npm的包管理工具, npm -v 查看版本:(国内使用npm很慢,我们可以使用淘宝的镜像来代替原有的,在命令行输入: npm config set registry https://registry.npm.taobao.org 即可设置。)
3.安装create-react-app 在命令行输入: npm install -g create-react-app
4.用create-react-app demo创建项目
5.进入目录:cd demo 运行项目 npm start
环境搭建成功.
下面讲react配置mobx
1.执行 npm run eject 让配置文件可见
2.npm install --saveDev babel-plugin-transform-decorators-legacy 安装es6装饰器函数解析器插件,因为项目自身不带
3.打开 package.json
[code]"babel": { "plugins": [ "transform-decorators-legacy" ], "presets": [ "react-app" ] }
4、npm install --save mobx mobx-react
OK
阅读更多相关文章推荐
- 在node下使用webpack构建react开发环境
- 使用dvajs+webpack构建react开发环境
- 使用webpack、babel、react、antdesign配置单页面应用开发环境
- 手把手教你webpack、react和node.js环境配置(下篇)
- React+webpack 的开发环境配置步骤(三)
- 手把手教你webpack、react和node.js环境配置(上篇)
- webpack 配置 react 开发环境
- 使用webpack搭建react开发环境的方法
- 使用npm+babel+webpack+React搭建SharePoint hosted add-in开发环境
- webpack手动配置React开发环境的步骤
- React+webpack 的开发环境配置步骤(五)
- 手把手教你webpack、react和node.js环境配置(上篇)
- 搭建React开发环境(使用babel,webpack3)
- 使用webpack和babel搭建react开发环境
- 从零开始-使用React+Webpack+Nodejs+Express快速构建项目
- 使用NPM配置React环境及Webpack热加载
- React+webpack 的开发环境配置步骤(二)
- 使用yeoman快速搭建react-webpack开发环境
- 使用webpack和babel搭建react开发环境
- 手把手教你webpack、react和node.js环境配置(上篇)