santisify Site

Back

npm作为图片存储Blur image

创建文件夹#

mkdir demo
bash

初始化#

npm init -y
bash

打开编译器创建文件index.js并填入以下信息#

function main () {
    console.log("Hello, world");
}
main();
export default main;
export function Hello(name) {
    console.log('${ name }}');
}
js

打开package.json文件#

现在我们来熟悉下这个文件。

字段备注
namenpm包的名称,也就是publish后的名称
version每次publish的时候记得修改这个,必须要是新版本
desdescription对这个npm包的描述
main链接到这个包后,默认打开的文件
keywords关键词。若是自行使用,可以不配置
author作者。填写自己的用户名就行

现在在json文件中添加以下信息

"files": ["index.js", ""]
json

[]中添加需要发布的文件或文件夹,多个文件或文件夹用,隔开并且每个都用""包裹。 自行检查语法错误

发布#

由于镜像源问题,我们可能会发布失败 我们直接在cmd中切换镜像源

npm config set registry https://registry.npmjs.org
bash

切换后发布

npm publish
bash

发布成功后我们再将镜像源切换回

npm config set registry https://registry.npmmirror.com
bash

若不切换,可能会出现 npm install 失败

访问文件#

访问npm包的文件我们可以使用unpkg来访问 以下链接是访问最新发布的npm包

https://unpkg.com/npm包名/file
plaintext

若在包名后添加@版本号,则可以访问指定版本的npm包

# 准确版本号
https://unpkg.com/npm包名@1.1.1/file
# 模糊版本号(访问的是这个大版本的最新的版本号)
https://unpkg.com/npm包名@1/file
# 模糊版本号(访问的是这个小版本的最新的版本号)
https://unpkg.com/npm包名@1.1/file
bash

好了,今天的分享就到这里了,拜拜!

npm作为图片存储
https://santisify.top/blog/old/npm-picx
Author santisify
Published at January 8, 2025
Comment seems to stuck. Try to refresh?✨