我是一個react的初學者，在學習的過程中遇到了模板搭建問題，想把自己遇到的問題記錄下來，順便加深印象，有不對的地方請指正。

學習的過程中，我主要感謝兩個人的博客：

1. http://www.wukai.me/2016/09/14/create-a-react-webpack-es6-project/
2. http://www.jianshu.com/p/42e11515c10f

這兩個人的博客寫的都非常好，感興趣的同學可以去看看。

由於我之前沒有接觸過webpack,所以先學習了一下博客2，然後在按照博客1進行的實現。

什麽是webpack?

通俗說是一個模塊打包機。它分析項目結構，找到JavaScript模塊以及一些不能直接運行的拓展語言，然後將其打包合適的格式以供瀏覽器使用。它的工作方式是：把項目當做一個整體，通過一個給定的文件，從改文件開始找到項目的所有依賴文件，使用loaders處理他們，最後打包為一個瀏覽器可識別的js文件。

項目結構

-src

　　-index.js

　　-App.js

-.babelrc

-index.html

-package.json

-server.js

-webpack.config.js

項目步驟

初始化項目

學習建立基於react,webpack模板項目