如何发布自己的npm包:

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

安装weback:

打开项目:

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

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

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

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

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

2.打包步骤:

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

引用:

重新运行build

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

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

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

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

ps:首先要有npm账号

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

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

在自己项目里面引用

在自己的项目里面使用

相关推荐
lightYouUp3 小时前
windows系统中下载好node无法使用npm
前端·npm·node.js
Dontla3 小时前
npm cross-env工具包介绍(跨平台环境变量设置工具)
前端·npm·node.js
墨水白云14 小时前
nestjs[一文学懂nestjs中对npm功能包的封装,ioredis封装示例]
前端·npm·node.js
bloglin999991 天前
npm和nvm和nrm有什么区别
前端·npm·node.js
伍六星1 天前
maven和npm区别是什么
java·npm·maven
Varpb1 天前
【vue】【环境配置】项目无法npm run serve,显示node版本过低
前端·vue.js·npm
蜡笔小柯南1 天前
解决:npm install报错,reason: certificate has expired
前端·npm·node.js
山河故人1632 天前
uniapp使用npm下载
前端·npm·uni-app
青苔猿猿3 天前
node版本.node版本、npm版本和pnpm版本对应
前端·npm·node.js·pnpm
Adorable老犀牛3 天前
安装npm:npm未随Node.js一起安装
npm·node.js