Skip to content

TalkingData/component-style

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Vue Component Template

介绍

本库是基于 iView 来开发业务组件、生态组件的模板,本库适用于开发一个组件,而非多个组件。

准备工作

修改 src/config.js 配置

  1. filename 是编译后的文件名,比如 iview-demo.css、iview-demo.min.js
  2. componentName 是默认的组件标签名,比如
  3. library 是包名

修改 package.json 配置

  1. 修改库名 name
  2. 修改入口 main 的最终引用文件名,与 src/config.js 中一致
  3. 修改版本号(可选,npm 发布用)
  4. 修改 git 地址(可选)

开发

  1. 组件在 src/component/index.vue 中编写(打包入口)
  2. 其它依赖的 .vue 文件也可以在 src/component 目录中创建,或自定义其它路径
  3. 样式在 src/style/index.less 中使用 less 开发,默认已经导入了 iView 的 less 变量表(如不用可移除)

实时预览

  1. 运行 npm run dev 可开启实时预览
  2. 预览文件在 examples/routers/index.vue 中开发
  3. 预览环境默认使用了 Vue.js 2.6.6 版本 和 iView 3.2.2 版本,可在 index.html 中修改

编译

  1. 运行 npm run build 可打包,这个命令包含两个命令:npm run build:stylenpm run build:prod,分别是 CSS 和组件
  2. 编译后的文件在 dist 目录

发布

  1. 可直接复制 dist 目录到业务中使用
  2. 等待私有 npm 搭建

Releases

No releases published

Packages

No packages published