发布自己的包到npm

1. npm init

根据提示输入,会自动生成package.json文件(name,version和main入口 三项必不可少)


2. 新建utils.js 进行开发

1647939730(1).png


3. 可以新建test-utils.js进行自测

1647939795(1).png


4. 如果代码中使用import出现报错:

SyntaxError: Cannot use import statement outside a module

解决办法:在package.json中添加"type":"module"


5. 新建readme.md文件说明


6. 如果要引入第三方模块

注意点:
(1)npm i module-name --save(在dependencies下)
(2)新增.gitignore文件,不需要提交node_modules文件


7. 如果要压缩js代码

npm install uglify-js
uglifyjs utils.js -c -m -o utils-uglify.js

8. 登录 npm login

会提示输入用户名,密码,邮箱和邮箱一次性验证码


9. 发布

npm publish


如何发布作用域包

1. 创建组织

88DF3C36-E387-48d9-AD32-CE881EF4AE6D.png

2. 为组织取一个作用域名

3CF0C893-2ED0-47cc-B64C-8863E9FBF6D0.png
 比如取名:  web-xhh

3. 创建代码与组织的联系

npm init --scope=web-xhh
备注:name必须取名在该作用域下 package name: (@web-xhh/...) 

4. 发布

npm publish --access public 


发布成功后就可以在该组织下看到已发布的Packages

https://www.npmjs.com/package/@web-xhh/web-utils

073D2D8F-0999-4c24-A71B-6088F497F7FD.png


园中桥
49 声望0 粉丝

愿你眼中总有光芒,活成自己想要的模样。