ant-mobile搭建过程

771 阅读1分钟

1、按照官网mobile.ant.design/index-cn搭建m…

2、手机端项目特殊:cdn.bootcdn.net/ajax/libs/f…

目的:fastclick.js是一个简单易用的库,它消除了移动端浏览器上的物理点击和触发一个 click 事件之间的 300ms 的延迟。目的就是在不干扰你目前的逻辑的同时,让你的应用感觉不到延迟,反应更加灵敏。

3、webpack打包过程遇到的常见问题:webpack\webpack-cli\ts-loader\less-loader\css-loader\style-loader\mini-css-extract-plugin等等版本过高过低导致打包失败。

总结:根据提示错误重新安装插件,虽然过程挺慢,解决了一个问题就橡打怪升级。

4、ant-mobile中文语言包缺失:查阅了一些资料,没发现有参考意义的文章 后来仔细看了源码,新增语言并不难,比如新增泰语,需要向每个组件的local中增加泰语配置,不过工作量会很大。

增加语言配置

目前只提供了四种基础语言,不过企业微信项目可能只会用到中英文。

总结:遇到问题查不到有效资料,建议多看源码。

5、antd-mobile中遇到的坑:

①tabs组件使用方式

②tabs和datePicker样式冲突,导致datePicker滑动不流畅

6、proxy 代理

仅代理接口文件下面的内容,代理全部前端资源404.

7、declarations.d.ts文件中的内容 namespace不生效

路径不对

**www.cnblogs.com/pingan8787/…
**

8、React 

 HashRouter和BrowserRouter区别:

HashRouter使用的是URL的hash部分(即window.location.hash),来保持页面的UI与URL的同步。哈希历史记录不支持location.key或location.state。

BrowseRouter使用HTML5的history API,保证UI界面和URL同步。HashRouter使用URL的哈希部分来保持UI和URL的同步。