如何发布自己的npm包:

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

安装weback:

打开项目:

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

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

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

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

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

2.打包步骤:

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

引用:

重新运行build

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

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

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

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

ps:首先要有npm账号

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

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

在自己项目里面引用

在自己的项目里面使用

相关推荐
codingWhat20 小时前
前端组件库开发实践:从零到发布
前端·npm·vite
vivo互联网技术3 天前
深度解析悟空系统多机房部署共线改造
前端·npm·多语言·共线改造·多机房
汐瀼3 天前
【AI个人学习】npm本地安装claude code白嫖minimax模型
前端·学习·npm
硬汉嵌入式4 天前
MDK6的pack包管理组件Arm Device Manager转战npm做系统管理,解决下载卡顿,慢的问题
npm·mdk6
日光倾4 天前
【Vue.js 入门笔记】NPM入门
vue.js·笔记·npm
受打击无法动弹7 天前
Window 10部署openclaw报错node.exe : npm error code 128
npm·node.js·openclaw
天開神秀12 天前
解决 n8n 在 Windows 上安装社区节点时 `spawn npm ENOENT/EINVAL` 错误
前端·windows·npm
coderYYY13 天前
VSCode终端启动报错
前端·ide·vscode·npm·编辑器
John Song13 天前
npx 与 npm 的区别
npm·nodejs