創宇盾星圖

• 前端架構:

  • reactjs 創建組件
  • reflux模型
  • webpack打包
  • 百度echarts
  • grunt配置輕量任務
  • less語法糖
  • ES6 + babel解析器
  </ul> </li> </ul>

  getting start

  本地開發

  • npm install
  • grunt serve

    • grunt serve會啟動本地開發服務器 webpack-dev-server
    • webpack-dev-server方便使用熱替換,程序一修改,界面馬上改變
    • 所以本地開發路徑為:http://localhost:8000/webpack-dev-server/ 不要奇怪
    </ul> </li>
    • grunt test跑測試
    </ul>

    線上模式

    • npm install
    • grunt test
    • grunt build

      • 在dist 目錄生產靜態的文件,掛載到nignix 就行了
      </ul> </li> </ul>

      參考資料

      • reactjs

        • reactjs是以組件為基礎,基于虛擬DOM和單向數據流的前端javascript庫
        • reactjs 中文網

      • flux結構

        • flux是一種前端架構,區別于傳統前端MVC
        • reflux是flux結構的一種具體實現

      • webpack

        • webpack是模塊加載器,其允許把npm包,圖片和css整體打包到前端

      • 百度echarts

        • echarts 是百度開發的基于zRender庫的開源圖表庫

      項目主頁：http://www.baiduhome.net/lib/view/home/1440313989598