如何发布自己的npm包:

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

安装weback:

打开项目:

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

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

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

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

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

2.打包步骤:

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

引用:

重新运行build

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

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

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

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

ps:首先要有npm账号

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

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

在自己项目里面引用

在自己的项目里面使用

相关推荐
Luna-player1 天前
npm install vue-awesome-swiper@5.0.1 swiper@7.4.1安装后,我又想全删了,怎么移除
前端·vue.js·npm
军哥全栈AI3 天前
Windows11 彻底卸载Node.js(无残留,适配所有版本)
npm·node.js
❀͜͡傀儡师4 天前
通过npm 手动安装、Docker 部署 OpenClaw小龙虾
前端·docker·npm
头发多多程序媛4 天前
解决依赖下载报错,npm ERR! code EPERM
前端·npm·node.js
console.log('npc')5 天前
pnpm使用
前端·npm
VillenK6 天前
@vue-office依赖报错
前端·npm
虚拟世界AI6 天前
Vue.js安装指南:快速搭建开发环境
vue.js·npm·node.js
ruanCat6 天前
pnpm 踩坑实录:用 public-hoist-pattern 拯救被严格隔离坑掉的依赖
前端·npm·node.js
无责任此方_修行中6 天前
一个 GitHub Issue 标题如何让 4000 台电脑沦陷?
后端·npm·ai编程
多加点辣也没关系6 天前
Node.js 与 npm 的安装与配置(详细教程)
前端·npm·node.js