基于reactjs + reflux + webpack + es6 的最佳实践

jopen 9年前

创宇盾星图

  • 前端架构:
    • 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>

        参考资料