Score
0
Watch 15 Star 46 Fork 18

梅气灶 / React-webpackNodeJS

Join us
Explore and code with more than 2 million developers,Free private repositories !:)
Sign up
开发react的通用组件所用技术:react,webpack,express,es6 spread retract

Clone or download
Loading...
README.md

#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-sass cnpm install --save-dev node-sass 说明:--save-dev自动将node-sass加入到项目文件夹下的package.json中。


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


##关于作者

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

Comments ( 6 )

Sign in for post a comment

NodeJS
1
https://gitee.com/meichao/React-webpack.git
git@gitee.com:meichao/React-webpack.git
meichao
React-webpack
React-webpack
master

Help Search