最近在用react做移動前端ui框架，剛好要用到webpack進行模組打包，經過幾天的研究，發現webpack對於react真的是開發神器，尤其是熱載入這一塊，現在把這幾天的研究成果（入門篇）寫下來，希望對一些入門的新手有幫助。
什麼是react
看到這篇文章的同學肯定已經對react有所了解，所以在這不做介紹，不懂的同學請請前往官方**[react.js]
專案結構：
src/
js/entry.js/入口檔案
hello.js/元件
index.html/頁面模板
配置webpack：
第一步肯定是先配置webpack，以下我們一般都是用npm做配置
$ npm install webpack -g
或者$ npm init
$ npm install webpack --s**e-dev
以及安裝
$ npm install webpack-dev-server --s**e-dev
webpack-dev-server可以讓我們通過埠去訪問我們的工程專案（一般埠位8080，可以修改），具體在這也不做介紹。
第二步，建立配置檔案，每乙個專案都需要乙個webpack.config.js配置。
具體配置說明可以看[中文官方文件]
React 安裝 webpack打包
你也可以直接使用菜鳥教程的 react cdn 庫，位址如下 以下例項輸出了 hello,world id example 嘗試一下 例項解析 例項中我們引入了三個庫 react.min.js react dom.min.js 和 browser.min.js reactdom render hel...
webpack配置（react 版本
建立檔案webpack.config.js 1.配置入口和出口 並安裝webpack 包 constpath require path module.exports 2.配置js檔案 在output後面加 module 安裝下面的包 babel core 6.26.0 babel loader 7....
webpack構建react應用
一 新建乙個資料夾。mkdir webpack react demo二 在此資料夾下建立package.json檔案 右鍵新建檔案也行。這裡使用 npm init 初始化專案的方式自動生成。在webpack react demo資料夾下進入cmd命令列，輸入npm init，一路enter就行。三 ...