封装js模块 发布到npm流程

最新推荐文章于 2023-11-28 09:04:30 发布
最新推荐文章于 2023-11-28 09:04:30 发布
阅读量759 收藏 1
点赞数
分类专栏： npm 文章标签： npm
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_38987500/article/details/112650336
版权

1.注册npm账号并邮件激活 地址:https://www.npmjs.com/
2.创建文件夹 写好你要发布的代码
3.打开cmd 进入之前创建的文件夹
4.cmd指令npm adduser 分别输入用户名 密码 邮箱
5.输入npm init 配置你要上传的包的信息
package name:xx 包名 注意不要大写 用"-"分隔
version:版本号
description:包的描述
git repository:git 仓库
license : 发行项目需要的证书 我直接写了默认的ISC
最后is ok (yes)
6.cmd输入npm publish 发布

若出现这个问题
在这里插入图片描述

可能是因为包重名的问题 可以选择换一个package name试一下

zxy_aabbcc
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
Node.js如何优雅的封装一个实用函数的npm包的方法
10-17
主要介绍了Node.js如何优雅的封装一个实用函数的npm包的方法，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
svg-icons:开源图标包，优化，发布到 NPM
08-03
svg-icons 该存储库将许多开源图标包打包为下的 NPM 模块，将它们作为带有 JSON 元数据的优化分发。 这些包的主要消费者是 。
对封装好的Vue组件库进行打包，并发布到npm上
墨苒孤的博客
05-22 4672
vue-cli给开发者提供了很多构建目标的命令，我们可以将我们的vue项目构建成应用、库或者Web Components组件。第三步、 使用git commit -m ‘上传组件’ 命令填写 上传描述。上没有的包，否则不能上传，同时我们可以指定入口文件。打包成功后，得到如下文件，其中有不同规范下的js文件。第四步、使用 关联远程仓库并上传代码到远程仓库中。第二步、使用git add命令提交路径下文件。的路径、文件进行忽略，我们在上传到。路径下的打包文件，不需要上传源码。文件 就需要在项目根目录下创建。
手把手教你使用vite打包自己的js代码包并推送到npm
BDawn的专栏
02-24 3590
手把手教你使用vite打包编译代码库，并上传到npm，然后测试使用
vue封装自定义组件，打包发布到npm上使用
u010227042的博客
07-08 895
封装vue组件库有2种形式： 1、使用 webpack-simple 模板，没有vue-router的中间件，不需要路由时推荐使用，同时 webpack-simple 没有格式的检测 2、使用 webpack 模板 ┌─testNpm 项目主目录 ├─ src │ └─ components 存放所有自定义组件目录 │ ├─ xx-btn 单个自定义组件目录 │
详解如何制作自己的js(包)库并上传到NPM
qq_40096030的博客
08-31 4333
去npm官方文档注册账号,并验证邮箱 官网地址:https://www.npmjs.com/ 新建一个文件夹,并命名(名字随意) 在文件夹内执行初始化指令(npm init)并设置包的参数 接着就依次填写, 不想填写的话也可以一路Enter name： 模块名，之后发布之后就可以让用户npm install xxxx来引用你的开源模块了 version： 版本号，语义版本号分为X.Y.Z三位，分别代表主版本号、次版本号和补丁版本号。当代码变更时，版本号按以下原则更新。 如果只是修复bug..
Vue封装JS模块并发布npm
F520Hz的博客
06-24 519
如果不知道在npm上面怎么查找，我在这里介绍一个简单的方法，就是去项目中下载，如果能正常下载说明你的包名已经有了就需要跟换，如果下载报错，那么恭喜可以正常使用；：这个是远程仓库地址，如果你的包放在github上或者git仓库里，这时候你的文件夹里面会存在一个隐藏的.git目录，npm会读到这个目录作为这一项的默认值。：这个就比较重要了，这个就关系到有多少人能搜索到你的这个npm包，所有尽可能的使用一些贴切的关键字作为这个包的索引。：入口文件，默认是index.js，也可以修改为自己创建的js文件名。
如何封装自己的工具函数库并发布npm包
guxin_duyin的博客
10-03 3120
工具函数库 发布npm包 typescript rollup npm login
封装组建类库
m0_60703077的博客
02-19 381
package.json { "name": "库名称", 每次 npm publish 之前要先修改版本号 "version": "1.0.0", 项目描述 "description": "", 入口文件 "main": "./dist/uu-utils.js", 仓库地址 "repository": "https://github.com/", 脚本 "scripts": { "test": "echo \"Error: no test speci
rollup基础
qq_36223186的博客
08-13 235
rollup 基本使用 Rollup 是一个 JavaScript 模块打包器，可以将小块代码编译成大块复杂的代码，例如 library 或应用程序。 Rollup 对代码模块使用新的标准化格式，这些标准都包含在 JavaScript 的 ES6 版本中，而不是以前的特殊解决方案，如 CommonJS 和 AMD。ES6 模块可以使你自由、无缝地使用你最喜爱的 library 中那些最有用独立函数，而你的项目不必携带其他未使用的代码。ES6 模块最终还是要由浏览器原生实现，但当前 Rollup 可以使你提
nodejs连接mysql数据库简单封装示例-mysql模块
12-23
本人最近在学习研究nodejs,下面我来记录一下,有需要了解nodejs连接mysql数据库简单封装的朋友可参考。希望此文章对各位有所帮助。 安装mysql模块 npm install mysql 测试是否连接成功 mysql.js代码: var mysql ...
httpor:http(s)操作封装模块
07-07
$ npm install httpor $ // 如果已经安装 升级即可 $ npm update httpor 使用 var httpor = require("httpor"); // get请求 httpor.get('http://ursb.org', function(err, res){ if (err) { console.log('请求...
node.js之基础加密算法模块crypto详解
01-21
我很难想象在php里面md5加密只是三个字符的一个方法而已，在node.js中没封装前竟然那么长！！ 无法反编译的加密方式 话不多说直接上代码品鉴吧 onst crypto = require('crypto'); function l(par
nodejs基于mssql模块连接sqlserver数据库的简单封装操作示例
01-20
本文实例讲述了nodejs基于mssql模块连接sqlserver数据库的简单封装操作。分享给大家供大家参考，具体如下： 注意:开启sqlserver服务器允许远程连接的步骤,自行百度,很多经验,nodejs连接sqlserver,最好把防火墙的入站...
发布自己的js插件到npm
寂寥人生
06-16 563
注册账号 https://www.npmjs.com/npm init -y然后配置类似这样 第三步，登录 npm login输入 用户名 密码 邮箱，同时还会给你发邮箱验证码进行输入登录npm publishnpm whoami，查看当前登录的账户是谁，会显示当前登录的用户名如果发现输入npm login的时候报错那就把npm升级到最新版或者再清理一下npm缓存.........
如何将常用js方法打包发布成npm包
weixin_44260173的博客
06-04 1359
引言：项目做多了以后总有一些常用的方法在各个项目中使用，代码总是复制来复制去，还有一些方法可能存在升级优化代码等情况，这个时候每个项目都复制一遍就很繁琐，所以如果将常用的方法打包成npm包各项目重新更新包即可。4.开发好代码以后命令行执行npm login登录刚才注册的账号，如果已经登陆需要切换账号执行那npm logout然后再进行要发包的账号登录。3.package.json平级创建一个index.js，里面编写需要打包的代码方法。3.1.如果使用了其他registry，需要切换回npm的地址。
node自己封装npm包
小菜鸟的博客
04-12 1454
node自己封装npm包 以前我们用的都是别人写好的包使用npm i 或者yarn add 去下载 当然我们也可以自己封装包 首先包的位置（默认全局包的位置windows系统 C:\Users\用户名\AppData\Roaming\npm\node_modules） 当我局部安装npm i gulp -dev的时候是找不到的因为首先他会在全局modules中去找，没有找到就会报错 当我在局部modules/.bin中找到该文件时是可以读出来的 1.package.json下面的文件的内容
【JavaScript】封装自己的JavaScript公共工具函数，并上传到npm中 进行下载
最新发布
weixin_52479803的博客
11-28 1385
【JavaScript】封装自己的JavaScript公共工具函数，并上传到npm中 进行下载
发布npm包（JS类库、封装组件的项目搭建、踩坑点总结）
悄悄地卷的博客
07-30 682
代码】发布npm包（JS类库、封装组件的项目搭建、踩坑点总结）
vue封装自定义组件,打包发布到npm上使用
08-30
Vue是一种用于构建用户界面的渐进式JavaScript框架，它可以通过封装组件来实现可复用、模块化以及易于维护的代码。下面我将介绍如何对Vue组件进行封装，并将其打包发布到npm上供他人使用。 首先，我们需要创建一个...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值