干货分享 | 基于webpack的reactj开发环境搭建

该指南将教你如何快速配置基于webpack的reactjs开发环境

​​开始准备

初始化npm 

npm init

通过npm 安装webpack,在你的项目根目录下运行以下命令

npm install --save-dev webpack webpack-cli

---

​安装react相关包

react是核心包， react-dom是操作dom包

npm install --save react react-dom

---

​安装babel相关包

安装cli和loader

npm install --save-dev babel-cli babel-loader

在项目根目录创建.babelrc文件

文件最简单的配置

{ "presets":["env","react"] }

安装preset-env和preset-react

npm install --save-dev babel-preset-env babel-preset-react

这样一个简单的基于webpack的打包环境就配置好了。最主要的是使用了babel的预配置插件，使用babel-preset-react可以编译jsx等react相关代码。

​​

---

​持续关注Leither之家

QQ前端交流群：743169836​​​​