做一个适合公司的组件库(私有)

因为时间比较赶,所以搭建的任务我建议我用比较成熟的组件库的配置文件,而不是自己手动搭建一个,这样太浪费时间了

element源码是有工程化官网组件库等,我是想用工程化搭建项目,
工程化element搭建的优势
只要你写完组件就可以一件打包额~
下面是工程化element的优势和介绍
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
接下里说下我们要用到的指令
node build/bin/build-entry.js进行组件打包
node build/bin/build-locale.js进行国际化刷新
node build/bin/gen-cssfile.js进行css刷新
接下来是改变公共样式
在packages/theme-chalk/commom/var.sass里修改
在这里插入图片描述
下面的是放icon 编译过程都有注释
在这里插入图片描述
这个是入口文件在wabpack.config里可以看见这个入口文件的

**=======================================================**
接下来是项目开发的命令
npm run dev 启动开发环境
node build/bin/new.js $(filter-out @ , @, @,(MAKECMDGOALS)) 是创造新组件

**============================================**
接下来说工程化最优秀的地方
在这里插入图片描述

*比如: make new tyyl 天与养老 创造了一个新组件 

1、在/packages 目录下新建组件目录,并完成目录结构的构建

2、创建四种语言的组件文档,/examp les/docs/{ lang}/tyyl . md

冲

3、创建组件单元测试文件,/test/unit/specs/tyyl。md

4、创建组件样式文件,/packages/ theme-chalk/src/tyyl.scss

5、创建组件类型声明文件,/types/tyyl.d.ts

6、配置

在components. json文件中配置组件信息

在/exmaples/nav. config. json中添加新组件的路由配置

在/packages/ theme- chalk/src/index.scss文件中自动引入该组件的样式文件将类型声明文件在/ types/e Lement-ui.d.ts中自动引入

差不多配置文件的解释就这些了,还有一些没有讲,像i18n这些就不码字了,因为我公司暂时还没有进军国际化的想法哈哈~

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

颜笑·

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值