发布一个属于自己的 npm 包

当项目变的越来愈大的时候，团队人数变得越来越多，为了减少不变要的重复劳动，就需要自己的组件库来进行统一管理

文件目录

可以更加正规一点，测试用就随便了

1. package.json

这个是入口

{
      "name": "tskt1",
      "version": "0.1.1",
      "private": false,
      "author": "TSk",
      "mian": "dist/Tsk.umd.min.js", // 重要·
      "scripts": {
        "dev": "vue-cli-service serve",
        "build": "vue-cli-service build --target lib --name Tsk -dest dist index.js" // 重要
       }
  }

解释一下 script

// target: 默认为构建应用，改为 lib 即可启用构建库模式
// name: 输出文件名
// dest: 输出目录，默认为 dist，这里我们改为 lib
// entry: 入口文件路径
// main 入口文件

// vue-cli-service build --target lib --name lib [entry]
"build": "vue-cli-service build --target lib --name Tsk -dest dist index.js" //为例
--name Tsk 所有的文件前缀都叫这个名字
-dest 是打包到哪个文件下 index.js 是入口文件

 
// 发布的包名，默认是上级文件夹名。不得与现在npm中的包名重复。包名不能有大写字母/空格/下滑线
 name:"xx"
 private:false // 不再是私有的包
 vsersion:"0.1.0"
 /* 
    version：你这个包的版本，默认是1.0.0。对于npm包的版本号有着一系列的规则，模块的版本号采用X.Y.Z的格式，具体体现为：
    1、有很大的改动，无法向下兼容,增加x
    2.增加新特性，可向后兼容，增加y
    3. 修复bug，小改动，增加z
*/

执行完 npm run build 之后,会有这样的文件夹

npm

需要一个 npm 账号 执行 npm login 输入 npm 的账号密码，还要输入一个 邮箱 如果出现这个错误

需要执行以下命令

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

然后执行 npm publish 如果出现这个错误

说明这个包已经被别人使用过了，需要更换包名

等看到这个界面的时候说明已经发布好了

删除包

删除某个版本

npm unpublish myimooc@1.0.4

删除所有的包

npm unpublish myimooc --force

使用

 npm i tskt1
 import HelloWorldVue from "tskt1"
 vue.use(HelloWorldVue)

note:还有编写文档之类的,下一篇再写 date:2022.6.6