wasabi Design

github地址：https://github.com/ZhiRongYuan/wasabiD.git

简介

wasabi Design PC端框架是由心怡科技前端团队基于react技术专为企业应用系统定制的技术平台. 首先将前后端通信独立成一个类库,方便广大使用react技术的同学们无需引入jquery框架就可与后端通信. 框架提供丰富的常规组件与功能组件,具有良好的交互体验效果...

下载安装:

目前组件库最新代码放在心怡SVN上,跟功能代码放在一起,具体地址为(下载功能代码就能下载到):

..OMS/node_modules/wasabiD

当然你必须安装React和相关依赖项。

1.项目依赖项安装方式

npm install babel-core --save

2.所需要要的依赖项及其作用如下

babel-core这个包就是允许使用babel或者webpack命令编译js,css,图片，字体等文件，babel的核心库

babel-loader项目使用babel来编译

babel-preset-es2015支持es6

babel-preset-react支持react

babel-preset-stage-0支持react中的es7

css-loader编译css

extract-text-webpack-pluginwebpack中独立打包css

file-loader图片文件路径查找

node-sass编译sass【这个安装一般都会失败好几次，需要多试几次，所以建议不一样使用npm install一次性安装所有依赖项】

reactreact框架用于开发组件

react-domreact-dom框架，用于渲染

sass-loader编译sass

style-loader编译style语法

url-loaderurl地址编译

webpack打包工具

console-polyfill兼容浏览器没有console对象

es5-shim兼容浏览器不支持h5与css3

es6-promise兼容浏览器不支持promise对象

fetch-ie8兼容浏览器IE8不支持fetch对象

whatwg-fetch兼容浏览器safari不支持fetch对象

兼容IE8

1.参照上面的依赖项，安装然后在代码中引入，

require('es5-shim');

require('es5-shim/es5-sham');

require('console-polyfill');

require('es6-promise');

require('fetch-ie8');

2.头部不能通过import引入模块，原因不详，只能使用require

3.react使用0.14版本

npm install [email protected] --save

npm install [email protected] --save

贡献者

定期更新，谢谢各位辛勤贡献,欢迎您来一起完善

• 心怡科技SAAS研发部前端组

学习交流

新浪微博@我是知识的搬运工 前端交流Q群：659522518