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

標籤：www   實現   html   app   指正   模組   建立   過程   app.js   

我是一個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模板項目