客户端本地测试集成打包

最新推荐文章于 2024-05-28 16:22:32 发布
最新推荐文章于 2024-05-28 16:22:32 发布
阅读量444 收藏
点赞数
分类专栏： js 笔记 vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Winsom1/article/details/107047738
版权
1.npm run lib 是插件打包，npm run build是文件打包，所以打包走的是npm run lib，打包完成之后通过(npm publish)命令发布到vnpm上，前提是指定的发包路径是–registry=http://registry.vnpm.vipkid.com.cn本地测试打包：npm run lib然后npm pack，这就会在本地生成一个包，然后拷在项目中npm i 包名，就会本地安装项目中2.publish包的话你们没权限，就先给你说这个流程本地测试打包：npm run
摘要由CSDN通过智能技术生成

1.npm run lib 是插件打包，npm run build是文件打包，所以打包走的是npm run lib，打包完成之后通过(npm publish)命令发布到vnpm上，前提是指定的发包路径是–registry=http://registry.vnpm.vipkid.com.cn
本地测试打包：npm run lib然后npm pack，这就会在本地生成一个包，然后拷在项目中npm i 包名，就会本地安装项目中
在这里插入图片描述

2.publish包的话你们没权限，就先给你说这个流程
本地测试打包：npm run lib然后npm pack，这就会在本地生成一个包—》这个包生成在哪个文件夹？包名是咋指定的？
在这里插入图片描述

3.打包好后的包本地测试的要删除，lib文件夹删不删无所谓，上传不到Git上，过滤了

4.本地测试打包好后的压缩包，关联集成项目把callcen

最低0.47元/天 解锁文章
Winson℡
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
使用lib库模式打包vue组件及组件引用
yihanzhi的博客
06-18 8893
1、lib库模式打包vue组件 语法： vue-cli-service build --target lib --name libName [entry] 示例： vue.config.js配置： module.exports = { configureWebpack: { output: { libraryExport: 'default' } } } 打包vue组件： npm run lib 执行打包命令后，可看到项目根目录下生成了含有vue组件文件的lib目
如何快速启动npm run build 后的dist文件呢？
柠檬不萌只是酸i
10-23 9179
(1)通过npm run build 打包后会出现如下： tips: 提示我们打包完的项目，必须要在http server 下才能运行。 （2）安装http server。 进入 dist 文件夹，然后启动一个http服务即可。 或者，你现在已经到apache 里面进行配置去了。 其实也可以不用那么麻烦，我们有nodejs环境，只要安装全局 http-server 服务就好了呀。(*...
npm run build命令详解及使用示例
最新发布
Leon_Jinhai_Sun的博客
05-28 1612
npm run build命令详解及使用示例
jsrun:npm run-script 构建系统，兼容 gulp
06-04
运行 npm run-script 构建系统，与兼容。 斗争 这对你来说是不是很熟悉？ { "name" : "my-awesome-package" , ... "scripts" : { // My very long and lengthy lines of scripts: "lint" : "jshint lib test index.js --reporter node_modules/jshint-stylish/stylish.js --exclude node_modules" , "test" : "npm run lint && node test/index.js | tap-spec" , "build" : "browserify index.js -d -t babelify | exorcist bundle
详解：Vue cli3 库模式搭建组件库并发布到 npm
weixin_34187822的博客
10-08 832
市面上目前已有各种各样的UI组件库，比如 Element 和 iView，他们的强大毋庸置疑。但是我们面临的情况是需求越来越复杂，当它们不能再满足我们需求的时候，这个时候就有必要开发一套属于自己团队的组件库了。 所以本文的目的就是让读者能通过此文，小能做一个简单的插件供人使用，大能架构和维护一个组件库不在话下。 以下一个简单的颜色选择器插件vColorPicker讲述从开发到上线到npm的流程。 ...
npm发布自己的安装包流程，超级详细，傻瓜式教学
weixin_45884080的博客
11-05 1272
npm包发布流程简介 1.创建项目 2.完整目录结构 src下的plugins文件夹作为我对外暴露的组件文件夹 下面以mapcontainer组件为例，向大家展示全局暴露跟局部暴露 1,mapcontainer文件夹下创建组件map-container.vue和用于单独暴露组件的index.ts 2,map-container.vue组件中的name属性一定要填写，这个name就是我们对外暴露后，所使用的组件名 index.ts文件内容： 为组件提供 install 方法，供组件对外按需引入，将组件的n
如何发布自己的npm包（超详细步骤，博主都在用）
热门推荐
前端小丑
09-05 2万+
发布自己的npm超详细步骤 前沿： 从去年毕业，vue掌握的还算熟练应用了，做过的vue项目也有十几个了吧，每次做项目的时候，有些组件老是使用，拷贝来拷贝去的使用。我就想把这些组件封装到一起，以后做项目可以直接使用。一开始我不知道封装，在网上找资料学习，大部分的帖子都没有把封装包的方式和发包方式讲的详细，今天我特意自我总结分享发布自己的npm的步骤，让每个人都可以封装自己的包，当然我的方式只是封装包一种方式，至少可以封装正常npm下载使用（大佬有好的方式，勿喷！） 本人发布的简单包 创建项目 主要是
npm（六）：使用Vue CLI构建 lib 发布npm包全流程
知之为知之，不知为不知
10-06 1万+
使用Vue CLI 通过--target lib 将一个单独的入口构建为一个库，本文重点在于组件编写过程，在打包脚本配置、全局组件、局部组件、组件包样式修改、共享全局样式变量、图片资源、背景图片、字体、iconfont、完整引入、局部引入等细节方面有详细的阐述 npm包构建并发布手把手教程...
exe4j用来打包客户端应用
04-08
7. **测试与发布**：测试生成的.exe文件，确保其在目标环境下能正确运行，然后分发给用户。 总的来说，exe4j是Java开发者在Windows平台上快速、便捷地部署客户端应用程序的得力助手，它简化了软件发布过程，提高了...
ohpc:OpenHPC集成，打包和测试仓库
04-06
HPC系统的社区构建基块介绍该堆栈提供了部署和管理HPC Linux集群所需的各种常见的，预先构建的成分，包括配置工具，资源管理，I / O客户端，运行时，开发工具，容器和各种科学库。 当前有两个发行系列： 和 ，它们...
IOS自动化wda打包
12-21
通过以上步骤，你可以成功地构建并集成WDA到你的测试流程中，提升测试效率和质量。在实际操作中，可能会遇到各种问题，如证书问题、网络连接问题等，但只要按照正确步骤并根据错误提示进行调试，通常都能找到解决...
CSDN客户端 Android新闻客户端 完整代码
09-01
- 开发这个客户端需要Android Studio，它是Google官方推出的集成开发环境，用于编写、调试和打包Android应用。 - 使用Android SDK，开发者可以访问各个版本的Android系统API，以便适配不同版本的Android设备。 2....
vue3+ts组件库发布npm并实现按需引入
junner443的博客
06-20 3272
vue3+typescript组件库发布npm包，并实现按需引入功能（付源码及组件库实现基础原理浅析）
发布插件(组件)到npm
a8725585的博客
09-27 589
接着上一篇vue中编写通过方法调用的组件我们已经开发完成一个插件，接下来将其发布到npm,供他人使用同时也方便后续其它地方复用。 接下来的打包主要是使用vue-cli3脚手架搭建的环境。cli2的打包发布可以看这篇文章 教你一步步封装vue组件并发布到npm。 1、修改项目package.json vue-cli 3.x 提供了构建目标的命令,不用再去配置webpack.config,直接新增命令搞定 target: 默认为构建应用，改为 lib 即可启用构建库模式 name: 输出文件名 .
npm发布自己的组件UI包（详细步骤，图文并茂）
大剑师兰特的GIS世界
12-28 2734
目前做前端项目，一直采用的方式去引用别人的组件包，调用方法。其实在开发中，每个开发者基本都写过单独的组件，如何让自己的组件能够重复的利用，如何让别人也享受到您的成果，这里将一步一步地介绍如何通过npm来发布组件包。
Vue3 & 详解 vue-cli 使用 --target lib 打包的方式
cookcyq__的博客
10-15 5913
目前网上大部分的打包流程都不能满足我的理解和需求，而官方的解释也只说明一半，这次我就干脆将 vite/vue-cli 这两者的打包流程详细梳理下。在 vue-cli 使用打包项目后，默认会提供一个入口（通常是 index.html），然后引入一个 js 入口文件完成页面的渲染。其实 vue-cli 还支持将项目作为一个库的方式来进行打包，这里需要借助命令 ，此命令会将入口文件打包成一个库吗，具体可参考官方解释接下来我会逐步详解如何构建属于自己的库。
如何发布npm包 以及发包出现的问题和解决办法
weixin_64979238的博客
05-15 1405
查看node版本 mac系统 1、清除npm缓存，执行命令 2、n模块是专门用来管理nodejs的版本，安装n模块 3、更新升级node版本 4、查看升级后的node版本 w...把包的一些测试文件过滤掉，最终打包只留下直接封装的文件，即plugins中封装的暴露组件。因为可能用的是淘宝镜像的原因，而淘宝这个镜像没有开放上传的权限，因此会报这样的错误。），注册一个npm账号（然后注册完后，去你的邮箱根据提示进行操作，验证通过即可）第一步：在本地更新这个包的版本 ,使用命令 npm version。
# Vue 组件开发打包、Vue 项目打包、js库组件库打包使用
不积跬步，无以至千里；不积小流，无以成江海
03-05 8640
Vue 项目打包、组件打包使用 vue-cli 脚手架项目打包步骤 使用 vue-cli 脚手架新建项目 新建vue项目的过程见：https://blog.csdn.net/qq_37248504/article/details/107169812 打包配置说明 打包的配置在build下 常量config在vue/config/index.js 文件下配置 需要修改vue/config/index.js 文件下的将build对象下的assetsPublicPath中的/，改为./ 采用npm run

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值