npm自研包(开发一个npm包流程)

221 阅读1分钟

功能说明

自研npm包发布

开发说明

  1. npm init
  2. 新建index.js 作为入口

上传步骤

  1. 进入www.npmjs.com/ 注册用户,记住用户名和密码
  2. npm login 或者 npm adduser (效果一样),输入上面的用户名和密码,以及邮箱
  3. npm publish --access public 发布到公共资源库

重点

  1. 切记一定要使用官方镜像registry.npmjs.org 或者 registry.npmjs.org
  2. 一定要使用CMD工具,而不要使用VS code的终端

构建Vue3自研npm包

image.png

全局方法注入:

图中新建了一个全局方法$translate

全局组件注入

    app.component('headerCom',headerCom)

打包配置

image.png

发布

打包当前的项目,生成dist文件夹

cd dist 

npm init -y

npm publish 

作者

LDX
关注作者不迷路