该指南将教你如何快速配置基于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