npmkankan(good)vue

私有npm库搭建 & Vue npm组件发布

2022-12-17  本文已影响0人  LionPig

一、私有库搭建

本文私有库在linux中使用docker搭建

创建并进入文件夹目录
mkdir /home/verdaccio && cd $_
创建3个文件夹
storage、conf 、plugins
分别修改权限
chown -R 10001:65533 /home/verdaccio/storage
chown -R 10001:65533 /home/verdaccio/conf
chown -R 10001:65533 /home/verdaccio/plugins
docker run -it -d --name verdaccio -p 4873:4873 -v /home/verdaccio/storage:/verdaccio/storage -v /home/verdaccio/conf:/verdaccio/conf -v /home/verdaccio/plugins:/verdaccio/plugins verdaccio/verdaccio

同样使用 docker ps -a | grep verdaccio 查看运行状态

成功后在本机ip:4873可看到私有库页面

二、vue发布npm库

创建工程

在本地调试组件库

利用了vue-cli的构建方法,构建单独的入口
-- target lib 关键字 指定打包的目录 后面可以接上entry打包入口
-- name 打包后的文件名字
-- dest 打包后的文件夹的名称

npm build 后会产生一个dist文件夹
cd dist
npm init -y 创建package.json

配置入口

import xxxView from "@/package/example/xxx.vue"
import yyyView from "@/package/example/yyy.vue"
const coms = [xxxView,yyyView]
const install = function (Vue) {
    coms.forEach(com => {
        Vue.component(com.name, com)
    })
}
if (typeof window != "undefined" && window.Vue) {
    window.Vue.use(comment)
}
export default install

发布

npm notice Log in on ip:4873/
Username: 输入用户名
Password: 输入密码
Email: (this IS public): 输入邮箱
设置完成后:Logged in as 你的用户名 on ip:4873/.

使用你的私有库

xxx开头的库从 ip:4873 中加载

上一篇 下一篇

猜你喜欢

热点阅读