使用 Babel + React + Webpack 搭建 Web 应用

标签：

话不说直接上正题。

环境搭建

1. Babel--目前浏览器对于ES6的语法解析支持度还不高，所以要通过转码在编译，所以在使用ES6之前要安装Babel，之前安装的时候遇到了一些问题但是没有全部记录下来，现在只能是尽力重现一下。

　　Babel6版本开始已经不支持使用npm install babel -g 安装了，它分成了几个部分

• babel cli,适用于命令行
• babel-core，包含node api

npm install babel-cli -g
npm install babel-core --save-dev

　　babel需要手动安装插件

npm install babel-preset-es2015

然后在命令行输入vim .babelrc在文件夹下面创建一个叫.babelrc的文件，并写入如下代码：

{
	"presets": ["es2015"]
}

然后保存退出。

2.配置webpack

可以参考

 http://www.cnblogs.com/vajoy/p/4650467.html

使用 Babel + React + Webpack 搭建 Web 应用

标签：

原文地址：http://www.cnblogs.com/yanaweb/p/5646373.html