React+gulp+browserify模組化開發

標籤：

　　閱讀本文需要有React的基礎知識，可以在React 入門執行個體教程和React中文官網進行基礎學習。

　　沒有React基礎也可以學習本文，本文主要不是學習React，而是gulp+browserify進行模組化開發。

1.建立項目和環境搭建

　　我們可以先建立一個檔案夾叫react_item,作為項目的根目錄。

　　開啟命令列，cd到項目的根目錄下，我們需要通過npm安裝gulp，輸入：

npm install gulp -g--save-dev

　　Tip:沒有安裝node.js的朋友可以進入node.js中文網下載

　　gulp是前端項目的自動化構建工具，可以讓我們方便的管理自己的項目，節約了我們大量的時間，詳情見gulp中文網

　　接下來還需要安裝browserify，和上面一樣，通過npm去安裝：

npm install browserify --save-dev

　　因為項目使用React進行開發，需要要安裝react.js和react-dom.js，正常情況下我們不會把JSX放在瀏覽器端用

　　

 

　　

React+gulp+browserify模組化開發