• 设为首页
  • 点击收藏
  • 手机版
    手机扫一扫访问
    迪恩网络手机版
  • 关注官方公众号
    微信扫一扫关注
    公众号

    React-webpack: 开发react的通用组件所用技术:react,webpack,express,es6 ...

    原作者: [db:作者] 来自: 网络 收藏 邀请

    开源软件名称:

    React-webpack

    开源软件地址:

    https://gitee.com/meichao/React-webpack

    开源软件介绍:

    #React-webpack项目主要完成什么?开发react的通用组件


    ##配置

    • $ npm install webpack -g
    • $ npm install
    • $ npm run dev(纯静态页面)
    • 打开localhost:8181/即可

    或者

    • $ npm install webpack -g
    • $ npm install
    • $ npm start(后台express,目前只写了一个接口例子:api/Page,去组件页面可看到有回传的数据)
    • 打开localhost:8181/即可

    目标组件

    • 轮播图
    • 按钮
    • 输入框
    • 回到顶部
    • 文字提示
    • 分页
    • 图标
    • 选择框
    • 下拉菜单
    • 日期选择器
    • 表格
    • 文件上传
    • 单选框
    • 表单
    • 多选框

    目前已完成组件部分

    • MButton
    • MTooltip
    • MInput
    • MBackTop
    • MIcon
    • MPagination
    • MSelect

    残留问题

    1. 工具类

    工具类的作用是为组件或者页面进行事件绑定,例如click等事件,目前只对 document、window这样的全局对象进行处理,类似class、id这样的还未进行过滤处理,后期应该加上,组件和页面都有各自的工具类

    2. API文档

    因为目前主要是在开发组件过程中(同时公司里项目也比较忙),所以API接口文档目前撰写的比较慢,后期会加上去,这样用户在使用的时候则更加的便捷

    3. 页面响应式

    组件开发过程中,也要保证显示页面(不是组件)的自适应


    问题反馈

    1. 关于node-sass模块安装不稳定的问题

    因为node-sass模块的服务器是在国外的,鉴于国内的环境,node-sass实在是太难安装了也属于正常,因此可以考虑使用淘宝的npm镜像来直接安装

    1.安装cnpm(https://npm.taobao.org/)npm install -g cnpm --registry=https://registry.npm.taobao.org

    2.在项目文件夹下安装node-sasscnpm install --save-dev node-sass说明:--save-dev自动将node-sass加入到项目文件夹下的package.json中。


    ##有问题反馈在使用中有任何问题,欢迎反馈给我,可以用以下联系方式跟我交流


    ##关于作者

      var siteSource = {    name  : "梅超",    site : "http://bigmeichao.com/"  }

    鲜花

    握手

    雷人

    路过

    鸡蛋
    该文章已有0人参与评论

    请发表评论

    全部评论

    专题导读
    热门推荐
    阅读排行榜

    扫描微信二维码

    查看手机版网站

    随时了解更新最新资讯

    139-2527-9053

    在线客服(服务时间 9:00~18:00)

    在线QQ客服
    地址:深圳市南山区西丽大学城创智工业园
    电邮:jeky_zhao#qq.com
    移动电话:139-2527-9053

    Powered by 互联科技 X3.4© 2001-2213 极客世界.|Sitemap