
制作npm包修炼指南
文章平均质量分 93
npm 是前端开发必不可少的工具之一,学会制作npm包,可以提升团队的工作效率,也可以把自己的一些想法封装成安装包,是一件很酷的事情。
一个橙子pro
放浪不羁的非专业前端开发,微信号:yigechengzicom,网站yigechengzi.com,欢迎前来交友。
展开
-
【制作npm包5】npm包制作完整教程,我的第一个npm包
本文涉及知识较多,建议认真阅读前面的文章。可以看得到分别导出了`commonjs`,`es`,`ts类型`这几个配置。当我们在一个项目当中执行`import { xxx } from "vue"` 的时候,实际上是从`package.json`文件当中找到他的`name`这个属性,这里 `from “vue”`这个`vue`就是配置文件当中的名字。原创 2023-08-13 17:51:20 · 1813 阅读 · 0 评论 -
【制作npm包4】api-extractor 学习
API Report用于生成一个基础的api流程.d.ts文件生成,是一个类型文件的打包工具,将分散的.d.ts文件进行聚合,如同vite打包成js文件是一个道理。docModel生成一个简单的api文档在一般的项目包制作过程当中,用到他的类型文件聚合能力。我们的项目一般存在若干的ts文件,当执行tsc进行编译时,会对每一个文件生成对应的d.ts文件,但是这种方法并不符合实际。一般而言,在使用一个库的时候,只会存在一个d.ts入口文件,而且这个文件用户在使用时,只会安装npm,直接导入对应api。原创 2023-08-13 17:50:42 · 1129 阅读 · 0 评论 -
【制作npm包3】了解 tsconfig.json 相关配置
但是随着时间的推移,这个表述发生了变化,typescript是一个JavaScript类型标注语言。可以看得出,typescript对于自己的定位是类型推断,而不是替代JavaScript。原创 2023-08-13 17:50:16 · 765 阅读 · 0 评论 -
【制作npm包2】了解 package.json 相关配置
各大项目的根目录都可以看到`package.json`这个文件,这个文件到底有什么作用了。对于这个文件的配置项很多,其中最常配置的`name`、`version`,在平时开发种,大多数配置项可能非常没用。但是对于制作一个安装包而言,太重要了,这里必须解释一番。原创 2023-08-13 17:49:38 · 662 阅读 · 0 评论 -
【制作npm包1】申请npm账号、认识个人包和组织包
在开发当中经常有一种现象,重复代码写了N多遍,再次写同样的逻辑就再次翻查以前的代码逻辑。效率低下且容易出错,封装一个npm包的价值也不仅仅是给别人用,封装一套属于自己或者本部门的npm包也是相当有必要。也许经常看到一个项目的根目录之下有这个文件,很多人可能曾经疑惑这个文件的作用是什么。除了配置打包命令之外,和区别是什么。并且这些包是怎么发布到公用的网络之上,而我们仅需一条npm包命令就可以安装到本地。原创 2023-08-13 17:48:49 · 1275 阅读 · 0 评论