怎么制作个人求职网站,metro大都会app,全网分销平台,线上销售方案将vue项目发布成npm库文件#xff0c;第三方通过npm依赖安装使用#xff1b;使用最近公司接了一个项目#xff0c;这个项目需要集成到第三方页面#xff0c;在第三方页面点击项目名称#xff0c;页面变成我们的项目页面#xff1b;要求以npm库文件提供给他们#xff1b;…将vue项目发布成npm库文件第三方通过npm依赖安装使用使用最近公司接了一个项目这个项目需要集成到第三方页面在第三方页面点击项目名称页面变成我们的项目页面要求以npm库文件提供给他们
发布和删除自定的npm包基于vue/cli4如果是私服使用可以不发布 1、npm源设置项目终端中执行 阿里云镜像npm config set registry https://registry.npmmirror.com npm官网npm config set registry https://registry.npmjs.org 2、创建vue项目vue cli vue create xxxx (名字自己取) 创建好后npm install 3、自己的组件 在src下面新建package包(文件夹名字随便后面配置打包命令也要用这个名字)分别创建一个文件夹组件放这里面和index.js文件 结构如下 为了使图片能够正常打包且从npm安装后能正常显示需要创建vue.config.js文件有就不用创建了然后在该文件写上如下图所示代码 vue组件或者项目里面有图片发布到npm图片需要正常显示 在package新建一个打包命令打包命令里面的包名不能和package的name相同不然上传到npm后无法通过npm install 包名 安装命令如下 “package”: vue-cli-service build --target lib ./src/package/index.js/ --name xxxxx --dest xxxxx (xxxxx是包名) 项目终端中运行npm run package会生成 xxxxx 文件夹 cd 进入 xxxxx 文件夹执行 npm init -y ,会产生一个package.json文件如下 version是版本信息每次更新版本递增如果想减小包体积可以删除一些不必要的文件保留必要文件箭头所指为必要文件
发布包之前把npm源更换为官网源 在包终端中执行 npm login 跟着提示填写用户名、密码、邮箱、邮箱验证码 然后执行命令 npm publish 将包上传到npm 执行 npm install xxxxx 可以下载包
同时还可以继续优化文件结构新建style文件夹,将xxxxx.umd.min.js改为 index.js把package的main入口改为index.js 同时新建一个readme.md文件描述组件使用方法
在发布包之前验证包的各项功能是否正常可以在main.js中引入
