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

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