前端自动化构建入门6-使用webpack改造我们的react应用

认识webpack

webpack是一个简单方便的模块打包工具，你可以利用webpack对你代码进行分块打包、代码转译。webpack是目前最流行的模块打包工具之一。
更详细的介绍可以参照这里。

注意：以下实例均为目前webpack的最新版本webpack 3.0。不同的版本，配置也会有些许不同，可以关注webpack官方网站的详细说明。

安装webpack

//安装到项目目录 并保存配置到package.json文件中
npm install --save-dev webpack

安装webpack-dev-server

webpack-dev-server是webpack提供的一个本地开发服务器，我们可以使用它启动一个web站点来浏览我们的页面。

npm install --save-dev webpack-d