美文网首页
发布自己的npm包

发布自己的npm包

作者: 如梦初醒Tel | 来源:发表于2019-07-19 11:52 被阅读0次

1 确保你的代码测试通过了

npm run test 全部是绿色(原谅色)才行。

2 上传代码到 npmjs.org

  1. 更新 package.json
    1. 在 package.json 里将版本号改为 0.0.1,等我们做完了再改成 1.0.0
    2. 创建 index.js,在 index.js 里将你想要导出的内容全部导出
  2. https://www.npmjs.com/ 注册一个账户
  3. 确认一下邮箱(必须)
  4. 在 gulu 项目根目录运行 npm adduser
  5. 运行 npm publish

3 使用自己的包

  1. 预测其他使用你的包的人会怎么使用
    • 使用 vue-cli
    • 使用 webpack
    • 使用 parcel
  2. 分别使用这些方式来使用自己的包(我们只以 vue-cli 为例)
    1. 使用过程中我们发现报错说 import 语法有问题,那时因为 node 目前确实不支持 import,我们需要用 babel 转译 import
      1. 你可以要求使用者自己用 babel 来转译
      2. 你也可以转义好了再给他用
        • npx parcel build index.js --no-minify (本来不应该加 --no-minify 的,奈何不加会有 bug,HTML 压缩把 slot 标签全删了)
        • 将 package.json 的 main 改为 dist/index.js
  3. 使用 npm link 或者 yarn link 来加速调试
    1. 你每次修改源码之后,有两条路让别人得到最新效果
      1. 更新 package.json 里的 version,然后 npm publish。别人通过 npm update xxx 来更新。
      2. 如果你只是为了本地调试,可以在项目目录使用 npm link,然后在使用之处运行 npm link xxx,就是最新了

相关文章

  • npm发布自己的npm包及使用

    [TOC] ### 1.npm 发布自己包到npm平台 1.下载安装node js 注意:发布包的名字不能跟npm...

  • 自定义npm包的创建、发布、更新和撤销

    大纲 1、准备2、自定义npm包3、发布自定义npm包4、引用npm包5、更新npm包6、撤销发布的npm包 博客...

  • 发布自己的 npm 包

    开始 安装node和npm去 http://nodejs.org下载nodejs,同时就安装了npm 检查npm是...

  • 发布自己的npm包

    作为一个前端工程师每天npm install好多遍,那么我们install的包是怎么来的呢?毫无疑问是别人分享开源...

  • 发布自己的npm包

    对于前端来说,npm install xx 这个命令是用的比较多的,一般需要引用第三方库/UI库,动能插件的时候需...

  • 发布自己的npm包

    1 确保你的代码测试通过了 npm run test 全部是绿色(原谅色)才行。 2 上传代码到 npmjs.or...

  • 发布自己的npm包

    第一步: 注册账号 注册npm账号 第二步: 创建项目 使用npm初始化项目npm init 第三步: 发布项目 ...

  • 发布自己的npm包

    前言: 一直都在用别人的npm包,想着来试试自己也发个npm包试试看,哈哈哈 一些准备工作 登陆 https://...

  • 发布自己的npm包

    一、注册npm账号 注册地址:https://www.npmjs.com/[https://www.npmjs.c...

  • 发布自己的npm包

    1.使用之前注册的npm账号进行登录 npm loginusername:xxxxxpassword:xxxxxx...

网友评论

      本文标题:发布自己的npm包

      本文链接:https://www.haomeiwen.com/subject/pcujlctx.html