如何发布自己的npm包:

1.创建一个打包组件或者库:

安装weback:

打开项目:

创建webpack.config.js,创建src目录

打包好了后发现两个js文件都被压缩了,我们想开发使用未压缩,生产使用压缩文件。

erserPlugin:(推荐使用的原因是支持es6的语法)

webpack4默认使用的压缩插件,当mode是production的时候,会自动去使用的一个插件。

如果mode不是,可以自己配置,让他去使用。

2.打包步骤:

主动使用需要先安装插件:

引用:

重新运行build

明显的看到两个文件的大小发生了变化。

第一步,查看当前项目的入口文件:

增加描述,以及必要的增加一个发布钩子

可以把这个包直接发布到npm

ps:首先要有npm账号

3.如何在项目里面使用:

在自己的项目里面使用npm安装

在自己项目里面引用

在自己的项目里面使用

相关推荐
程序铺子6 小时前
如何使用 npm 安装 sqlite3 和 canvas 这些包
javascript·npm·node.js
gc_22991 天前
Ape.Volo项目启动前端项目时报错“digital envelope routines::unsupported”
npm
SHUIPING_YANG2 天前
完美迁移:将 nvm 和 npm 完全安装到 Windows D 盘
前端·windows·npm
问道飞鱼2 天前
【前端知识】npm依赖升级以及冲突解决
前端·arcgis·npm·升级·冲突解决
美酒没故事°3 天前
npm源管理器:nrm
前端·npm·npm源
三十_A3 天前
【实录】使用 patch-package 修复第三方 npm 包中的 Bug
前端·npm·bug
孟陬3 天前
一个专业的前端如何在国内安装 `bun`
npm·github·bun
子兮曰4 天前
npm workspace 深度解析:与 pnpm workspace 和 Lerna 的全面对比
前端·javascript·npm
孟陬4 天前
一个专业的前端如何在国内安装 `pnpm`
npm·node.js·bun
星觅4 天前
npm依赖结构解析
npm