首先创建项目,确保该项目已经安装了webpack和webpack-dev-server具体安装方法请参考上章所述.
在上一章说过babel是一个javascript编辑器,在react项目中使用babel有以下两个目的:
1:让代码支持ES6语法
2:支持react的一些特性(例如JSX语法)
针对以上两个特性,有如下两个presets可以完美解决
babel-preset-es2015 babel-preset-react
之前我们说过webpack中的loader是用于文件特定格式的转换,那么在这里我们就需要安装Babel loader
//安装babel-core核心模块和babel-loader
npm install babel-core babel-loader --save-dev
//安装ES6和React支持
npm install babel-preset-es2015 babel-
