HeavenSky / React Antd Ie9
最新react/antd/redux/router支持到ie9; demo查看 https://heavensky.github.io/react-antd-ie9 (慢) 或 http://heavensky.gitee.io/react-antd-ie9 (快); 兼容ie8查看 https://github.com/HeavenSky/react-antd-ie8; 本项目已更新和迁移到 https://github.com/HeavenSky/webpack-frames
Stars: ✭ 12
Programming Languages
javascript
184084 projects - #8 most used programming language
Projects that are alternatives of or similar to React Antd Ie9
Create React App Antd
Use antd in create-react-app without ejecting ✨
Stars: ✭ 494 (+4016.67%)
Mutual labels: antd
React Awesome Query Builder
User-friendly query builder for React
Stars: ✭ 682 (+5583.33%)
Mutual labels: antd
Oui
A modern web interface for OpenWrt implemented in vue.js and Lua.
Stars: ✭ 594 (+4850%)
Mutual labels: antd
Ng Zorro Antd Mobile
A configurable Mobile UI components based on Ant Design Mobile and Angular. 🐜
Stars: ✭ 709 (+5808.33%)
Mutual labels: antd
React Admin
✨ react-admin system solution : react 后台管理系统解决方案
Stars: ✭ 5,975 (+49691.67%)
Mutual labels: antd
React Antd Admin
This Project Is Deprecated. Use [Ant Design Pro](https://pro.ant.design/) instead.
Stars: ✭ 581 (+4741.67%)
Mutual labels: antd
Antd Umi Sys
企业BI系统,数据可视化平台,主要技术:react、antd、umi、dva、es6、less等,与君共勉,互相学习,如果喜欢请start ⭐。
Stars: ✭ 503 (+4091.67%)
Mutual labels: antd
Dva Admin
A dashboard application built upon dva and ant-design
Stars: ✭ 19 (+58.33%)
Mutual labels: antd
React Design Editor
React Design Editor has started to developed direct manipulation of editable design tools like Powerpoint, We've developed it with reactjs, ant.design, fabricjs
Stars: ✭ 687 (+5625%)
Mutual labels: antd
Gooreplacer
⚡️⚡️A browser extension to modify HTTP requests :-)
Stars: ✭ 850 (+6983.33%)
Mutual labels: antd
Antd Theme Editor
Customize and preview ant design theme and css styles overrides.
Stars: ✭ 22 (+83.33%)
Mutual labels: antd
React Article Bucket
总结,积累,分享,传播JavaScript各模块核心知识点文章全集,欢迎star,issue(勿fork,内容可能随时修改)。webpack核心内容部分请查看专栏: https://github.com/liangklfangl/webpack-core-usage
Stars: ✭ 750 (+6150%)
Mutual labels: antd
webpack3-react
采用 React
和 Ant Design
兼容到浏览器 IE9
的 demo
例子.
- 所有
dependency
和dev dependency
均采用最新版本, 具体请见package.json
技术栈介绍
- 初期搭建的时候, 完全参考 砖家的react-family项目配置
- 后期配置上改动也很大, 引入了
antd
cross-env
less
happypack
autoprefixer
, 以及配置上的加入多个单页应用的处理 - 关于
redux
的是否使用, 个人感觉, 一上来就用redux
, 组件耦合高, 逻辑结构复杂, 不利于提取组件和组件迁移复用等; 使用redux
真的是属于吃力不讨好的事情;如果你不清楚要不要用 redux, 那么就不用
;redux
写的项目代码耦合太高, 改动和变更起来十分费劲 - 关于组件之间通信, 一般有如下做法
- 配置新增
[email protected]
对于IE的支持- 官方介绍
- 引入
core-js/es6/map,core-js/es6/set,raf/polyfill
-
babel-polyfill
中已包含core-js/es6/map,core-js/es6/set
- 配置新增
antd
支持- 兼容 IE9 需要引入
media-match
- 按需引入
babel-plugin-import
(vue 组件element-ui
和iview
也可以用这个来按需引入)
- 兼容 IE9 需要引入
- 配置新增
less
支持 - 配置新增
cross-env
支持, 设置生产环境和开发环境 - 配置新增
cssnano
支持, css 自动压缩和筛减 - 配置新增
autoprefixer
支持, css 自动添加浏览器兼容前缀 - 配置新增
copy-webpack-plugin
支持 - 配置新增
friendly-errors-webpack-plugin
支持 - 配置新增
webpack.DllPlugin
, 优化编译速度, 缩小编译文件 - 配置优化
output
绝对路径改相对路径 - 配置优化
bundle-loader
的组件创造函数, 具体见src/utils/bundle.js
- 常用
cdn
源推荐
刚开始学 webpack, 还有很多不懂, 欢迎指点秘籍, 或者纠错改进, 共同学习,共同进步
代码规范参考
个人代码习惯(因人而异,觉得不好的我会改,所以仅供参考)
关于文件末尾留一空行
- 我是不留的,能少一行为什么不少
关于代码缩进
- 我是tab,不想争,因为争不完;1个字符比2个4个空格少,而且我随时可以转换成2空格或4空格
关于引号
- js统一双引号,字符串内的双引号统一
\"
,单引号\x27
,双引号\x22
,那样就找不到单引号了 - css统一双引号,content内容必须转义,防止偶尔的乱码
是否加逗号
- 原则上,行结尾的逗号,加不加逗号都不会有语法错误的情况,加逗号,方便整行移动时无视是否需要加逗号
- 习惯上,非行结尾的逗号,加不加逗号都不会有语法错误的情况,不加逗号
- 数组 如果内部换行,换行前必加逗号
- 对象 如果内部换行,换行前必加逗号
是否加分号
- 所有情况尽可能完整追加分号
关于定义变量
- 如果赋值,一个变量一条const或者let,不用var
- 如果可以,尽可能用对象或数组的解构形式进行赋值
关于import顺序
- 引入node_modules中的全局组件
- 引入node_modules中的非全局组件
- 凭借loader媒介加载的, 如:bundle-loader
- 自定义的一些组件
- 自定义的一些函数
- 引入图片文件
- 引入样式文件
package.json
方法
更新 - windows 下在当前目录执行
npm update -D & npm update -S
- linux 或 mac 下在当前目录执行
npm update -D;npm update -S
- 还可以安装
npm i -g npm-check-updates
,然后在当前目录执行ncu
或ncu -a
开发坏境启动
-
npm install
若在前面运行过此命令, 可跳过 -
npm run dll
若在前面运行过此命令, 可跳过 npm start
- 浏览器打开http://localhost:8888
生产坏境部署
-
npm install
若在前面运行过此命令, 可跳过 npm run app
- 拷贝dist文件夹内容至服务器即可
Note that the project description data, including the texts, logos, images, and/or trademarks,
for each open source project belongs to its rightful owner.
If you wish to add or remove any projects, please contact us at [email protected].