如何发布自己的npm包:

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

安装weback:

打开项目:

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

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

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

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

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

2.打包步骤:

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

引用:

重新运行build

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

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

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

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

ps:首先要有npm账号

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

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

在自己项目里面引用

在自己的项目里面使用

相关推荐
前端三叶草1 天前
记一次为js库开发声明文件的过程
前端·npm
丁总学Java1 天前
用 npm list -g --depth=0 探索全局包的秘密 ✨
arcgis·npm·list
丁总学Java1 天前
为什么 npm list -g 没显示 node_modules?✨
arcgis·npm·list
曼陀罗1 天前
【pnpm、npm】各种命令详解
npm·node.js·前端工程化
朝朝朝朝ZZZ2 天前
2025年 npm淘宝镜像最新地址
前端·npm·node.js
SailingCoder2 天前
npm ERR! CXX(target) Release/obj.target/deasync/src/deasync.o
前端·npm·node.js
kovlistudio3 天前
红宝书第三十一讲:通俗易懂的包管理器指南:npm 与 Yarn
开发语言·前端·javascript·学习·npm·node.js
BillKu9 天前
node.js、npm相关知识
前端·npm·node.js
sma2mmm10 天前
微前端实现方案对比Qiankun VS npm组件
前端·前端框架·npm
月起星九10 天前
为什么package.json里的npm和npm -v版本不一致?
前端·npm·node.js