如何发布自己的npm包:

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

安装weback:

打开项目:

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

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

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

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

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

2.打包步骤:

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

引用:

重新运行build

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

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

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

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

ps:首先要有npm账号

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

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

在自己项目里面引用

在自己的项目里面使用

相关推荐
lpfasd1232 天前
Windows下使用nvm-windows管理Node.js版本及npm配置全指南
windows·npm·node.js
jenchoi4135 天前
【2025-11-22】软件供应链安全日报:最新漏洞预警与投毒预警情报汇总
网络·安全·web安全·网络安全·npm
种时光的人5 天前
关于人人开源框架renren-fast-vue前端npm install安装报错的问题解决方法
前端·vue.js·npm
疯狂踩坑人5 天前
【前端工程化】一文看懂现代Monorepo(npm)工程
前端·npm·前端工程化
要加油哦~5 天前
nrm | npm 的镜像管理工具
前端·npm·node.js·nrm
艾小码5 天前
从源码到npm:手把手带你发布Vue 3组件库
前端·vue.js·npm
Caster_Z6 天前
WinServer安装NPM(Nginx Proxy Manager),并设置反向代理和开启https
前端·nginx·npm
笑醉踏歌行6 天前
NVM 在安装老版本 Node环境时,无法安装 NPM的问题
前端·npm·node.js
q***9946 天前
node.js+npm的环境配置以及添加镜像(保姆级教程)
arcgis·npm·node.js
abiao19816 天前
npm WARN ERESOLVE overriding peer dependency
前端·npm·node.js