E-COM-NET
首页
在线工具
Layui镜像站
SUI文档
联系我们
推荐频道
Java
PHP
C++
C
C#
Python
Ruby
go语言
Scala
Servlet
Vue
MySQL
NoSQL
Redis
CSS
Oracle
SQL Server
DB2
HBase
Http
HTML5
Spring
Ajax
Jquery
JavaScript
Json
XML
NodeJs
mybatis
Hibernate
算法
设计模式
shell
数据结构
大数据
JS
消息中间件
正则表达式
Tomcat
SQL
Nginx
Shiro
Maven
Linux
dumi
dumi
不支持CSS Modules
问题:
dumi
组件库开发时,使用importstylesfrom'.
jack钱
·
2023-12-15 19:39
Dumi
从0到1搭建属于自己的组件库
项目地址在末尾初始化组件库
Dumi
(官网)使用
dumi
可以在开发组件库的同时,生成文档和demo创建一个目录mkdirtest_democdtest_demo使用
dumi
脚手架创建组件库npx@umijs
毛毛三由
·
2023-11-16 20:12
Npm
组件库
React
前端
react.js
npm
npm/yarn link 测试包时报错 Warning: Invalid hook call. Hooks can only be called ...
使用
dumi
开发React组件库时,为避免每次修改都发布到npm,需要在本地的测试项目中使用npmlink为组件库建立软连接,方便本地调试。
卡尔特斯
·
2023-09-07 09:12
React
npm
前端
node.js
通过
dumi
+ verdaccio搭建私有组件库
1.通过
dumi
搭建组件库1.1搭建项目test创建文件夹test,进入命令行,执行命令npx@umijs/create-
dumi
-lib--site//——初始化一个站点模式的组件库开发脚手架1.2安装
M_Eve
·
2023-09-02 08:44
react-redux
javascript
前端
react.js
一行代码实现 Ant Design 5.0 官网效果
答案就是接入
dumi
2主题包:
dumi
-theme-antd,一行代码即可拥有AntDesign5.0官网一样的体验。在线体验一行代码实现实现该效果主要依托于d
·
2023-08-15 16:47
从0开始搭建一个Monorepo模版,基于Turborepo+pnpm+changesets+
dumi
Monorepo前言开始一、使用turborepo初始化项目二、调整目录结构及文件1.调整`package.json`文件2.调整app目录3.调整`eslint`包4.调整`ui`包5.调整eslint配置6.调整.npmrc7.使用commitizen规范代码提交8.使用commitlint+husky进行commit提交信息校验9.使用husky进行commit前的规范校验三、devrun四
ATWLee
·
2023-08-10 20:17
OTHER
React技术栈相关
monorepo
pnpm
turbo
前端
javascript
一键生成个人网站,WordPress、docsify、
dumi
、imgcook、ant design landing....
开箱即用的网站搭建站点WordPressdocsifydumiimgcookantdesignlandingTX兔小巢百度统计OneNavDiscuzQ后台管理系统现成的建站工具和代码,新工具、新体验!WordPressWordPress是使用PHP语言开发的博客平台,用户可以在支持PHP和MySQL数据库的服务器上架设属于自己的网站,有着将近50000个扩展插件和5000个主题模板;开源的建站系
chong墩儿
·
2023-08-01 01:50
软件工具使用小帮手
前端
后端
个人开发
webpack联邦模块介绍及在
dumi
中使用问题整理
二、如何在
dumi
中使用及问题整理1.如何在
dumi
中使用(这个配置是好使的)2.相关问题整理2.1问题12.2问题2总结前言联邦模块(ModuleFederation)是指一种用于构建微前端架构的技术
A-wliang
·
2023-07-28 02:19
webpack进阶
webpack
dumi
联邦模块
ant design pro v5
/node_modules/@umijs/preset-
dumi
/lib/loader/index.js):Error:[BABEL]@babel/helper-compil
yzhSWJ
·
2023-07-25 23:12
ant-design
pro
从零开始构建一个属于自己的 React Hooks 库(一)
文章目录目的整体流程一、
dumi
搭建文档模式开发脚手架本阶段成果1.搭建
dumi
工程环境要求脚手架初始化二、编写自定义hooks1.梳理hooks目录2.编写第一个自定义hook三、编写Hooks使用文档
PingMinWangZi
·
2023-07-19 20:59
React
Hooks
typescript
react
hooks
使用PNPM管理单一仓库
本项目就是使用father、
dumi
、pnpm技术栈的React组件单一仓库模板。使用这个项目模板根据下面的说明文档,可以非常快速的完成创建包、编写和展示组件文档、构建和发布到npm仓库。
浮云_9046
·
2023-07-19 14:34
React Native 组件库创建
初始化工程脚手架(内置release-it,commitlint)image.pngnpxcreate-react-native-libraryreact-native-zhoupu-uiimage.png二、
Dumi
KingTortoise
·
2023-06-14 02:52
一个基于
dumi
搭建的react组件库,特别的开源组件项目,主要用于学习
前言在日常开发中,肯定会积累许许多多的业务组件在项目内,部分可以作为公共组件被抽离到公共组件库,但大部分或许与业务强相关,或许带有接口请求,并不适合抽离为公共组件,但仍需要有一个地方去展示这些组件的效果和用法,
dumi
小白6402
·
2023-06-11 18:21
react.js
学习
前端
dumi
+ father 脚手架搭建
dumi
搭建文档模式的组件库开发脚手架:mkdirmy-
dumi
-appcdmy-
dumi
-appnpx@umijs/create-
dumi
-lib清空目录,尝试搭建站点模式的组件库开发脚手架:npx@
泉泉泉泉泉泉
·
2023-03-21 10:21
dumi
集成Antd(独立样式)发布npm和发布到github page一条龙
1.根据
dumi
官网初始化项目,并且在antd官网下载依赖并引入样式到我们项目中2.首先
dumi
初始化的项目打包其实是分为文档打包和组件打包,文档打包配置主要在.umirc.ts而npm打包配置主要
Poppy11
·
2023-02-04 12:31
使用
dumi
搭建React 组件库并发布包
1.使用
dumi
搭建组件库前情:原先在github找个别人写好的组件库研究搭建的webpack配置,结果很多问题,经过一天的修修改改才能install、build及link。
chenjieyi
·
2023-01-29 14:56
umi插件开发仿
dumi
项目实现页面布局详解
目录实现思路使用默认项目提供的layout文件自定义主题准备工作主题插件功能modifyAppData插件代码生成layout路由对象使用同步伪代码来描述上面流程运行检查实现思路上一章我们已经完成/docs目录下文件自动生路由功能,本章我们将在此基础上,实现自动生成页面导航的功能。使用默认模板提供的layout展示路由切换使用自定义主题插件使用默认项目提供的layout文件在我们创建默认umi项目
·
2023-01-29 08:58
umi插件开发仿
dumi
项目实现基础路由解析
目录实现过程添加路由加载插件modifyRoutes解析生成路由getConventionRoutes访问运行实现过程umi默认约定在/src/pages添加的(j|t)sx?文件会自动加载为路由。同样我们希望实现在某个目录下添加的markdown文件自动加载成为路由直接访问,本章我们首先来实现路由自动解析及页面展示的功能。约定/docs目录为markdown解析目录添加路由解析插件,解析/doc
·
2023-01-29 08:58
umi插件开发仿
dumi
项目加载markdown文件实现详解
目录引言为什么不能直接展示markdownchainWebpackwebpackloader实现过程新建插件新建loader新建测试文档运行项目解决文件加载类型错误webpackruletype解决错误引言前面章节中我们已经顺利将tsx组件转换为页面展示,但是目前提供的功能和umi的约定式路由功能差不多,接下来我们将实现将markdown文件转换为页面展示。为什么不能直接展示markdown我们前
·
2023-01-29 08:26
umi插件开发仿
dumi
项目实现markdown文件转为页面
目录引言处理导入错误loader返回渲染函数添加react处理loader用ts来写loader改变原来的loader创建新的loader配置webpack引言前面我们已经成功将.md文件通过import加载到react组件中,并能拿到文件内容进行展示。但是点击markdown的导航链接还是会报错:这个报错和前面的报错有点相似,只是前面是无法解析链接,这里是无法解析对象。处理导入错误在react渲
·
2023-01-29 08:26
umi插件开发仿
dumi
项目自动生成导航栏实现详解
目录引言获取路由信息创建获取导航数据hookLayout中使用引言前面我们已经完成了页面布局和页面路由,现在我们的导航栏还是自己写死在代码中,现在我们来改造成自动根据页面路由来生成导航栏。获取路由信息我们在前面创建的路由对象,会被umi存入appData对象中,umi提供了useAppDataAPI可以用于获取路由信息。创建获取导航数据hook///src/client/theme-api/use
·
2023-01-29 08:22
lerna +
dumi
+ eslint多包管理实践
旅行的意义关注并将「趣谈前端」设为星标每天定时分享技术干货/优秀开源/技术思维背景在开发大型项目时,我们通常会遇到同一工程依赖不同组件包,同时不同的组件包之间还会相互依赖的问题,那么如何管理组织这些依赖包就是一个迫在眉睫的问题.我们目前已有的方案有:Multirepo(多个依赖包独立进行git管理)和Monorepo(所有依赖库完全放入一个项目工程).Multirepo的缺点在于每个库变更之后,需
徐小夕@趣谈前端
·
2022-12-06 09:04
python
java
编程语言
大数据
git
从零开始搭建 React 组件库
由于之前开发的项目是基于React实现,经过调研,决定选用较为普遍使用的
Dumi
作为组件库文档工具,Father作为组件库打包工具。
hwjfqr
·
2022-11-03 15:24
react.js
javascript
前端
dumi
搭建react组件库
dumi
官网搭建react组件库按照官网命令我们搭建一个组件库mkdirvultures-react&&cdvultures-reactnpx@umijs/create-
dumi
-libnpminstallnpmstart
·
2022-08-04 10:59
dumi
打包组件库问题
dumi
介绍
dumi
打包组件库文档静态站点以及部署官网已经有详细的讲解,这里不多讲了,下面主要讲一下father打包组件库并发布到npm中所遇到的问题
dumi
,中文发音嘟米,是一款为组件开发场景而生的文档工具
·
2022-05-22 17:42
react.js组件库
dumi
随着业务的扩展和公司品牌的重视,我们会发现越来越多的业务需要重新整合,这时候需要我们提供一些底层的能力来支撑未来更复杂的设计,和优化我们的产研结构、工作方向。打造底层能力重要的一项就是组件库的搭建,如果我们业务多元化,每一个方向都需要一个项目来承接,我们需要重复配置初始化不同的项目,这显然会额外增加不少的开发时间,为节省成本我们可能会想到有没有一个开箱即用的库可以解决这一系列的问题?答案无疑是肯定
arial_1df2
·
2021-12-31 16:03
vitepress搭建vue3组件库
通过
dumi
搭建react组件库文档,编译速度是一个劣势,修改一个脚本,重新编译都要好久。考虑使用vite构建工具,最后选择vitepress来搭建文档系统。
千禮之行
·
2021-12-30 16:59
使用
dumi
生成react组件库文档并发布到github pages
周末两天玩了下号称西湖区东半球最牛逼的react文档站点生成工具
dumi
,顺带结合githubpages生成了react-uni-comps文档站,一套弄下来,感觉真香,现在还只是浅尝,高级的特性还没玩完
记忆的森林
·
2021-12-05 17:00
基于antd开发的一个可编辑表格组件
编辑之后数据自动保存更新,简化控件之间的联动实现,简化表格类数据编辑啥也不说了直接上代码:基础使用,全表可编辑编辑importReactfrom'react';import{Editable}from'
dumi
angel
·
2020-11-24 15:51
前端
antd
typescript
table表单
App Inventor之蓝牙接收多字节数据
{if(n%10==0){//100ms读一次Get_Ds1Value();//读18B20Get_Ds2Value();//读18B20value=temp*0.0625Dh1_ReadData(&
dumi
1
tjh12010
·
2020-08-12 17:55
上位机开发
AppInventor
蓝牙
dumi
尝鲜记
在本场Chat中,会讲到如下内容:
dumi
简介
dumi
实践
dumi
目录结构介绍博客分享适合人群:对写技术博客或文档感兴趣的技术人员或者有写文档需求的产品老师等阅读全文:http://gitbook.cn
GitChat的博客
·
2020-06-27 10:04
dumi
之搭建博客提升影响力(良心之作)
简介
dumi
是啥,啥是
dumi
,相信react的忠实粉,都有这么几个痛点:憋了几年的技术和业务积累写了一套贴合自身业务的组件库。吭哧吭哧…终于写完了。队友:看不懂大湿的代码啊。emmm…好吧。
十三_先生_
·
2020-06-21 05:54
react
上一页
1
下一页
按字母分类:
A
B
C
D
E
F
G
H
I
J
K
L
M
N
O
P
Q
R
S
T
U
V
W
X
Y
Z
其他