了解Webpack

webpack (http://webpack.github.io/)就是个前端打包工具，最主要功能如图：

1、打包，把多个文件打包成少数几个
2、转换，把.less .vue等浏览器不能渲染的文件打包成浏览器可以解析的.html,.css,.js 等，把模块转换成静态文件。
3、提升性能，前端功能模块越来越多，webpack可提升性能。

React中使用webpack:
1、webstom中创建空文件夹 ，比如reactDemo
2、在项目根目录下执行命令

npm init

，按照提示输入信息，执行完毕后，package.json就生成了。package.json,里面有项目的关键信息。
3、创建完毕后有了基本信息，但是还需要dependencies，就是项目需要的依赖。创建命令是：

npm install react --save

–save是把这个依赖更新到package.json中
4、但是项目中可能还需要很多依赖，所以最简便的方式是，先把依赖复制到package.json中，然后在根目录下执行:

npm install

命令会寻找package.json 中缺少的依赖并安装。
5、根目录下新建webpack.config.js，这是webpack默认的配置

6、打包命令,根目录下:

webpack