关于我的第一个开源项目，vue2.x 甘特图 gantt-cha

诶，今年重庆工作不好找啊，我也是无语哦年底遇到裁员。这个组件是我“被裁员期间”抽空给之前呆过的公司【重庆隆志科技有限公司】写的，大家在二次开发的时候记得保留代码顶部的版权声明文件哦。通过npm 安装原始版本不用管，复制源码然后二次修改才需要这样。

<!-- /**
 * Copyright (c) 2023 重庆隆志科技有限公司. All rights reserved.
 * author: yangfeng
 * blog: https://www.jianshu.com/u/71a7345bdabf
 * date: 2024/01/08
 * remark: 如果要分发gantt-chart-vue源码，需在本文件顶部保留此文件头信息！！
 */ -->

该组件已经发布到npm上了，gantt-chart-vue npm 地址，github项目地址-可以看到详细文档

安装

npm i gantt-chart-vue

效果图：

image.png
image.png
GIF 2024-1-8 14-17-38.gif

在github上有详细使用说明，也有demo，github项目地址。

关于发布到npm

方式一，编译后上传到npm：

一开始我是打算使用这种方式的

image.png
image.png

最终生成的文件如下，可以看到index.umd.min.js体积很大，有三百多kb：

image.png

这种编译的方式会将依赖包也编译进去，将导致最终要发布到npm上的包体积增大。因此采用方式二：不编译直接发布。

方式二，直接上传vue组件，不编译：

image.png
image.png

若需要更改组件，可以自己复制出来引入到项目里面修改，但是记得保留顶部版权声明文件哦！

若对你有帮助，请点个赞吧，若能打赏不胜感激，谢谢支持！
本文地址：https://www.jianshu.com/p/3cc426d678a4?v=1704710840083，转载请注明出处，谢谢。