（1）首先首先要检查源是npm还是淘宝镜像源，因为本地设置了淘宝镜像源的原因，会导致npm login出错，需要修改：

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

查看是否修改成功：得到上面源则成功。

npm get registry

（2）自己发布的库里面的依赖需要固定版本：（傻啊最简单的都忘记了，想得好复杂……）

去自己的npm库看到package.json。去除版本号前缀即为固定版本号。

• 符号^：表示主版本固定的情况下，可更新最新版。例如：vuex: "^3.1.3"，3.1.3及其以上的3.x.x都是满足的。
• 符号~：表示次版本固定的情况下，可更新最新版。如：vuex: "~3.1.3"，3.1.3及其以上的3.1.x都是满足的。
• 无符号：无符号表示固定版本号，例如：vuex: "3.1.3"，此时一定是安装3.1.3版本

（3）实现script引入，生成umd规范代码

      --target  lib生成文件名为lib的文件夹

       --name HL 到处对象名称为HL

       index.js 入口文件，即要生成umd规范的文件

 "scripts": {
    "lib": "vue-cli-service build --target lib --name HL --dest lib index.js"
  },

（4）通过cdn方式  访问自己的文件         

我这里使用的是免费 jsdelivr

在里面搜索自己库

点击进去

 

即打开了自己文件，想要访问的文件打开复制浏览器链接🔗即可。

由此实现了script方式通过cdn引入的方式！