webpack不仅可以解析jsx，也可以将es6转换为es5语法。

最终，它把这些代码都打包成一个叫bundle.js的文件,我们在html文件中只引入这么一个js文件就可以了！

打包后，引用的语法

import “./button.css”

1.安装webpack

npm install webpack -g （全局）

npm install webpack --save--dev （本地）

2.webpack的辅助文件

npm install babel-core

npm install babel-loader

npm install babel-preset-es2015 (解析es6)

npm install babel-preset-react （解析jsx语法）

npm install react （jsx语法支持）

npm install react-dom （jsx语法支持）

 

注意：webpack需要先安装node.js

项目中使用webpack

用npm增加一个package.json配置文件

$ npm init

安装webpack插件并将webpack配置到package.json文件中

$ npm install webpack --save-dev