创宇盾星图

• 前端架构:
  • reactjs 创建组件
  • reflux模型
  • webpack打包
  • 百度echarts
  • grunt配置轻量任务
  • less语法糖
  • ES6 + babel解析器
  </li> </ul>

  getting start

  本地开发

  • npm install
  • grunt serve
    • grunt serve会启动本地开发服务器 webpack-dev-server
    • webpack-dev-server方便使用热替换,程序一修改,界面马上改变
    • 所以本地开发路径为:http://localhost:8000/webpack-dev-server/ 不要奇怪
    </li>
  • grunt test跑测试
  </ul>

  线上模式

  • npm install
  • grunt test
  • grunt build
    • 在dist 目录生产静态的文件,挂载到nignix 就行了
    </li> </ul>

    参考资料

    • reactjs

      • reactjs是以组件为基础,基于虚拟DOM和单向数据流的前端javascript库
      • reactjs 中文网
      </li>

    • flux结构

      • flux是一种前端架构,区别于传统前端MVC
      • reflux是flux结构的一种具体实现
      </ul> </li>

      • webpack

        • webpack是模块加载器,其允许把npm包,图片和css整体打包到前端
        </ul> </li>

        • 百度echarts

          • echarts 是百度开发的基于zRender库的开源图表库
          </ul> </li> </ul>

          项目主页：http://www.open-open.com/lib/view/home/1440313989598