当前位置:   article > 正文

react -ui (antd)_react-ui

react-ui

https://material-ui.com/ 

https://ant.design/index-cn    https://mobile.ant.design/index-cn

基于 React Native 的 iOS / Android / Web 多平台支持,组件丰富、能全面覆盖各类场景 (antd-mobile-rn)

  • 适合于中大型产品应用

  • 适合于基于 react / preact / react-native 的多终端应用

  • 适合不同 UI 风格的高度定制需求的应用

  • 在index.html中引入

  • <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no" />

  • <script src="https://as.alipayobjects.com/g/component/fastclick/1.0.6/fastclick.js"></script>  -- 解决点击加载300毫秒延迟

  • <script> if ('addEventListener' in document) { document.addEventListener('DOMContentLoaded', function() { FastClick.attach(document.body); }, false); } if(!window.Promise) { document.writeln('<script src="https://as.alipayobjects.com/g/component/es6-promise/3.2.2/es6-promise.min.js"'+'>'+'<'+'/'+'script>'); } </script>

按需打包 -组件,而不是全部引入,只加载用到的组件

 1.    引入 react-app-rewired 并修改 package.json 里的启动配置:

$ npm install react-app-rewired --save-dev

用npm安装  :

// "scripts": {

// "start": "react-scripts start",

// "build": "react-scripts build",

// "test": "react-scripts test",

// "eject": "react-scripts eject"

// },   把这个替换成上面的

在package.json 中可以看到

然后对比着改一下package.json

还有一个配置文件 ,在文件夹下添加这个文件

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/空白诗007/article/detail/808336
推荐阅读
相关标签
  

闽ICP备14008679号