如何发布自己的npm包:

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

安装weback:

打开项目:

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

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

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

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

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

2.打包步骤:

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

引用:

重新运行build

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

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

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

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

ps:首先要有npm账号

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

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

在自己项目里面引用

在自己的项目里面使用

相关推荐
晴天162 天前
Node.js 中 `npm install` 命令分析-Day30
前端·npm·node.js
_Rookie._2 天前
Package.json 的imports 和 exports
npm
泠曦れいひ3 天前
在当前项目中安装Vite
前端框架·npm·node.js
Joseph 乔3 天前
【NVM】node 和 nvm 卸载(安装 node & nvm & npm & cnpm & yarn 及配置)
npm·node.js
frjc3 天前
Node.js 与 npm 极简安装教程
前端·npm·node.js
北漂燕郊杨哥6 天前
npm 缓存占满 C 盘?三步把它迁到 D 盘(附验证与避坑)
缓存·npm·node
必须会一定会6 天前
Agent Handoff M5 发布验收:`CHANGES.md`、`npm pack`、`release:check` 与干净环境安装验证
前端·人工智能·npm·node.js·ai编程
剑胆琴心静水深流6 天前
全栈之路6---web集成与呈现
前端·vue.js·spring boot·分布式·spring·前端框架·npm
章鱼小丸子逃跑中6 天前
【2025最新版】如何将fnm与node.js安装在D盘?【保姆级安装及人性话理解教程】
前端·javascript·npm·node.js
qq_452396238 天前
第三篇:《包管理进化史:从 npm 到 pnpm,Monorepo 时代的依赖管理》
前端·npm·node.js