如何发布自己的npm包:

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

安装weback:

打开项目:

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

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

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

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

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

2.打包步骤:

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

引用:

重新运行build

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

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

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

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

ps:首先要有npm账号

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

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

在自己项目里面引用

在自己的项目里面使用

相关推荐
网络点点滴1 天前
NPM 和 package.json 文件简介
前端·npm·json
青木9601 天前
前后端开发调试运行技巧
linux·服务器·前端·后端·npm·uv
Rabbit_QL1 天前
npm 不是“前端的包管理器“—它是 Node.js 的
前端·npm·node.js
草履虫君1 天前
原电脑只运行了:npm install -g openclaw 要把它迁移到一个新电脑,怎么操作,菜鸟教程
经验分享·ai·npm
是大强1 天前
nvm安装node成功npm失败
前端·npm·node.js
weixin_427771612 天前
overscroll-behavior 防止滑动穿透
npm
Rabbit_QL3 天前
【前端基础】npm install 是干嘛的(带参数 vs 不带参数)
前端·npm·node.js
Rabbit_QL3 天前
【前端工具链小白篇】前端工具链全景:Node、npm、Vite 各管什么
前端·npm·node.js
福大大架构师每日一题4 天前
openclaw v2026.4.21 更新:图像生成、权限安全、插件修复、Slack 线程、浏览器与 npm 安装全面优化
前端·安全·npm
天若有情6736 天前
【开源推荐】form-validator-cn 轻量级中文表单校验库 | TS 零依赖、极简开箱即用
前端·npm·开源·node·js·表单校验