当前位置: 首页 > news >正文

成都商城网站建设十大成功营销策划案例

成都商城网站建设,十大成功营销策划案例,公司邮箱一般是什么格式,网站后期推广方案将vue项目发布成npm库文件,第三方通过npm依赖安装使用;使用最近公司接了一个项目,这个项目需要集成到第三方页面,在第三方页面点击项目名称,页面变成我们的项目页面;要求以npm库文件提供给他们;…

将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中引入
在这里插入图片描述

http://www.ds6.com.cn/news/87095.html

相关文章:

  • 北京seo服务商网站seo关键词
  • 长沙如何做百度的网站国内seo服务商
  • 造纸公司网站建设七牛云
  • b2b平台的优势seo人人网
  • 单页网站怎么做开发网站建设
  • 淄博 建设网站seo优化效果
  • 广州营销型网站建设公司哪家名气大中国纪检监察报
  • 濮阳公司建站春哥seo博客
  • 用wordpress做网站教程企业邮箱如何申请注册
  • 烟台专业做网站手机怎么自己制作网页
  • 街区网站建设杭州seo排名公司
  • 如何开始做b2b网站网络营销案例
  • 网站建设需要什么插件今日国内新闻10则
  • 电影网站怎么做流量百度seo公司报价
  • 上海专业网站建设费用制作网页的代码
  • 公众号链接的手机网站怎么做百度投诉电话24小时
  • 个人博客网站建设武汉网站优化
  • 漳州seo建站黄冈网站推广策略
  • 万荣做网站seo含义
  • h5制作软件教程重庆seo排名
  • 做购物网站费用优化软件
  • 做理财的网站有哪些四川旅游seo整站优化
  • 东平企业建站公司网站友情链接出售
  • 网站关键词掉了上海最新政策
  • 鲜花店网站建设的规模设想青岛谷歌seo
  • 贵州省住房和城乡建设厅证件查询电脑突然多了windows优化大师
  • 如何用用dw做网站后台中国域名注册官网
  • 制作网站先做前端还是后端网站策划书怎么写
  • 万网是什么网站制作网页的基本步骤
  • 北京 建设官方网站广告公司注册