如何发布自己的npm包:

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

安装weback:

打开项目:

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

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

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

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

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

2.打包步骤:

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

引用:

重新运行build

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

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

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

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

ps:首先要有npm账号

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

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

在自己项目里面引用

在自己的项目里面使用

相关推荐
聪聪的学习笔记6 小时前
【1】确认安装 Node.js 和 npm版本号
前端·npm·node.js
whale fall1 天前
npm install安装不成功(node:32388)怎么解决?
前端·npm·node.js
Gazer_S1 天前
【公司环境下发布个人NPM包完整教程】
前端·npm·node.js
溪i1 天前
pnpm 升级
npm
你喜欢喝可乐吗?1 天前
Windows 安装 nodejs npm
前端·npm·node.js
come112341 天前
npm 命令入门指南(前端小白版)
前端·npm·node.js
墨菲安全1 天前
NPM组件 alan-baileys 等窃取主机敏感信息
前端·npm·node.js·npm组件·恶意包·主机信息窃取
我在北京coding1 天前
npm ERR! code ERESOLVE npm ERR! ERESOLVE unable to resolve dependency tree
前端·npm·node.js
whale fall1 天前
npm代理设置 + npm配置镜像源
前端·npm·node.js
ncj3934379061 天前
解决 npm install canvas@2.11.2 失败的问题
npm