1.0.8 • Published 6 years ago
@t-design/iview-theme v1.0.8
iView Theme TD
介绍
本库是基于 iView 来开发业务组件、生态组件的模板,本库适用于开发一个组件,而非多个组件。
准备工作
修改 src/config.js 配置
filename是编译后的文件名,比如 iview-demo.css、iview-demo.min.jscomponentName是默认的组件标签名,比如library是包名
修改 package.json 配置
- 修改库名
name - 修改入口
main的最终引用文件名,与 src/config.js 中一致 - 修改版本号(可选,npm 发布用)
- 修改 git 地址(可选)
开发
- 组件在
src/component/index.vue中编写(打包入口) - 其它依赖的
.vue文件也可以在src/component目录中创建,或自定义其它路径 - 样式在
src/style/index.less中使用 less 开发,默认已经导入了 iView 的 less 变量表(如不用可移除)
实时预览
- 运行
npm run dev可开启实时预览 - 预览文件在
examples/routers/index.vue中开发 - 预览环境默认使用了 Vue.js 2.6.6 版本 和 iView 3.2.2 版本,可在 index.html 中修改
编译
- 运行
npm run build可打包,这个命令包含两个命令:npm run build:style和npm run build:prod,分别是 CSS 和组件 - 编译后的文件在
dist目录
发布
- 可直接复制 dist 目录到业务中使用
- 等待私有 npm 搭建
1.0.8
6 years ago