![](https://img-blog.csdnimg.cn/20190918140213434.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
voice-ui
文章平均质量分 73
voice-ui开发记录
VoiceU
这个作者很懒,什么都没留下…
展开
-
【多项目整合上线】遇到的部署问题2,首页启动慢
致命的问题,响应速度慢这打开也太慢了,六七秒才下完资源,要是面试官没耐心打开,我唯一的优势就凉了,所以要解决这个问题,因为这个就一个单页面应用,而且页面也不大,用不到什么懒加载这种(主要是太菜了,不太会,只能选自己目前能解决的方法来解决),我看这个js这么大,所以觉得可以用二级子域名,来分割各个项目,哎结果还是分割了,有点违背我想整合成单页面应用的初衷。试验了一下,分割了后台管理的另外两个项目,暂时用一个mixer的域名,可以发现响应速度明显变快7s变到了2s,所以把几个项目全部分离,就可以光速原创 2021-07-13 15:26:47 · 162 阅读 · 0 评论 -
【项目集合】遇到的一些问题
Invalid hook call. Hooks can only be called inside of the body of a function component. This could happen for one of the following reasons: 1. You might have mismatching versions of React and the renderer (such as React DOM) 2. You might be breaking the在用原创 2021-07-10 11:07:17 · 228 阅读 · 0 评论 -
【voice-ui】代码用例展示并改主题配色,添加一键复制功能
用raw-loader可以让代码显示到页面上,这样就可以达到展示如何使用ui组件的效果,比如naive ui首先安装依赖,再写如下代码,可以将指定文件转过来,所以要单独将展示的代码搬到另一个文件里否则,会把其他多余代码也写到里面,而我们只展示使用相关的代码const code = require('!!raw-loader!./icon.example.tsx')然后将code作为props传入一个封装好的,专门用来展示的组件里,就可以渲染了,但是网上都没有怎么改样式,因为初始的样式实在是难原创 2021-07-07 12:21:02 · 409 阅读 · 1 评论 -
【voice-ui】项目build后,无法使用
情景描述在我项目基本做完后,打算发布npm,然后在另开一个新项目,试验做好的ui组件是否管用,结果在新项目中,导入并使用的时候,发现导出的Icon是undefined,然后去重新build看了一下,在icon.d.ts里面只有一个icon的空壳,我明明在开发环境下写了内部函数体,但是却什么都没有得到(我开始以为是这个问题)思路.历程然后就觉得应该是webpack的配置有问题,我在github上找别人的代码,看了很多,要么就是放出来的就是成品ui框架,不会把开发的代码放出来,要么就是没有用webp原创 2021-07-06 15:00:16 · 225 阅读 · 0 评论 -
【voice-ui】测试持续集成
部署到ci上在circleci上注册,然后关联到github,讲项目重新推送到一个专门用于持续集成的仓库,将该仓库用ci工具联系起来,建立project如何自动发布首先要注意发布命令要部署在ci上,但是不是每次运行 yarn ci命令就发布, 发布的主动命令要掌握在自己电脑上,在本地新建deploy.sh,通过本地运行 ./deploy.sh patch等命令进行自动升版本号并发布,#!/bin/env bashnpm version $1 && \ git push原创 2021-07-03 17:37:56 · 181 阅读 · 0 评论 -
【npm】第一次发布npm包,登录不进去
第一次发布,要先去注册一个账号然后npm adduser然后输入刚刚注册的信息注意密码是不显示的,自己输入即可但是我这边一直登不进去后来查了很多才发现,是之前设置了taobao的代理,要改回官网 参考设置回官网就可以了:npm config set registry https://registry.npmjs.org如果后面还想用taobao代理,下载快一点的话,设置淘x,宝的是:npm config set registry https://registry.npm.taobao原创 2021-07-02 22:57:04 · 808 阅读 · 0 评论 -
【voice-ui】完善webpack配置,loader等
第一个组件Iconiconfont下载svg在阿里的iconfont网站下载想要的图片,目的是通过svg内置于组件,但是,就目前的配置来说,webpack并不支持svg,所以又需要下载新的loader,来处理svg了。webpack配置svg配置 loader,使用svg-sprite-loader { // 处理svg图标 test: /\.svg$/, // 这个loader会原创 2021-07-01 23:30:25 · 197 阅读 · 0 评论 -
【voice-ui】从零开始搭建,配置webpack
临近校招,因无实习,还非科班,想给简历加分,故只能自己做项目,但类似后台管理系统、购物商城的都已经烂大街了,所以尝试一下能不能做点难度稍微高一点的ui组件库环境配置建立仓库在github上建立fun ui仓库,注意现在github上默认的分支不是master了,我克隆到本地的后,练习上传到另一个地址时,发现不用master了,是main分支在建立的时候勾选了,为仓库创建README文件和 .gitignore文件,.gitignore文件,在里面写了的文件,不会被git工具进行更新,比如后续会原创 2021-06-30 23:38:27 · 679 阅读 · 3 评论