template_viewer

使用方法

yarn add @rjgf/xjcyt_report_components

全局注册
#main.ts
import RjTemplate from '@rjgf/xjcyt_report_components'
Vue.use(RjTemplate)

链接到项目调试

请将组件库项目与引用项目放在同一文件夹下

组件库template-viewer中:
# npm link
会将包link到全局

需要引用组件库的项目中:
# npm link @rjgf/xjcyt_report_components
将包link到项目中

注意: 如果开发环境link后引入错误,请引入 '@rjgf/xjcyt_report_components/packages'模块

开发过程中请执行dev脚本

npm run dev

运行项目

npm run serve

发布过程

打包库

npm run lib

发布

npm run publish

架构

所有组件都放在packages下，每个文件应有单独的注册方法

| -- packages
     | -- template          #组件文件夹
          | -- src          #存放相应组件  
               | -- Index.vue
          | -- index.ts     #组件注册方法
     | -- index.ts          #全局注册方法

开发注意事项

• 必须声明组件名
• 导出vue实例声明类名 example :

export default class TemplateViewer extends Vue