uniapp项目-HBuilderx打包问题

已于 2023-11-13 15:01:26 修改
阅读量319 收藏
点赞数
分类专栏： uni-app 文章标签： uni-app
于 2023-09-15 09:14:29 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/lmyh1111/article/details/132894596
版权

在项目中，有时候会有需求说要加一个文件前缀之类的，

比如：有些h5做映射时需要加一个项目名，那我们打包的时候就要在喷织文件做设置。

在manifest.json文件,把运行的基础路径改掉你所需要的就行了，默认d的是'./'

LMYH1123
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
HBuilderX uniapp打包内存溢出解决放案.zip
05-20
uniapp项目体量过大时，打包H5会报错， - process out of memory 解决放案： 替换HBuildX内置\HBuilderX\plugins\node\node.exe版本 添加\HBuilderX\plugins\compile-node-sass\node_modules\node-sass-china\vendor\win32-x64-72\binding.node文件
uniapp安卓离线[email protected]_20210826
04-18
uniapp安卓离线[email protected]_20210826
HBuilder实现蓝牙通讯 - 亲测可用html5-bluetooth-demo-HBuilderX
04-12
可直接在HBuilderX 上运行，亲测可用。实现蓝牙状态实时监控，数据的接收和发送。外加Android原生蓝牙实现源码 + 串口调试工具
初试vue-cli使用HBuilderx打包app的坑
10-16
主要介绍了初试vue-cli使用HBuilderx打包app的坑，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
uniapp传奇开心果编程移动应用原创示例页面模板和项目示例
01-09
内容概要：uniapp移动应用开发原创页面模板和项目示例，共十四个uniapp页面示例模板，十三个uniapp项目示例。基于Vue技术，使用HBuilderX开发工具开发的跨平台应用页面示例模板和示例项目。Uniapp可以实现一次编码，同时生成多个应用程序，包括iOS、Android、H5、小程序等。开发者只需要使用Vue.js框架进行开发，而不需要考虑不同平台的差异，大大降低了应用程序的开发难度和复杂度。Uniapp的开发语言是Vue.js，它是一种基于组件化开发的前端框架，易于学习和使用。Uniapp提供了一套完整的开发工具，包括Uni-app Cli、HBuilder X等，使得开发者可以在同一个环境下进行开发、调试和打包。Uniapp采用了一种名为“基于条件编译的代码生成技术”，能够根据应用程序平台的不同，编译出特定的应用程序代码。开发者只需要编写一份代码，就可以生成多个应用程序，大大提高了开发效率。能学到什么？能学到uniapp移动应用跨平台开发技术。阅读建议：参考示例学，HBuilderX导入示例模板或示例项目做实验学。社区提问讨论交流学。亲自尝试做项目学。
uni-app使用HBuilder X编辑器本地打包apk步骤说明
各类程序设计成品、文档、学习资料
09-25 3501
安装Android SDK和Google USB Driver即可，后者主要是为了后期使用USB设置的，如果不需要可以不点。注意：Android离线SDK的版本一定注意和HBuilder X的版本匹配，版本如果不匹配会报错。将下载下来的离线SDK进行解压，解压后能够看到HBuilder-Integrate-AS这个文件夹。下面就是围绕这个文件夹展开工作。下面是解压后的文件夹目录，圈住的就是我们要用到的文件夹。
uniApp h5项目通过命令行打包，并生成指定路径、文件名称
askuld的博客
04-07 5121
第四步：将hb项目中 package.json文件中dependencies里面的依赖引入到copy过来的 package.json文件中；第一步：新建src文件夹，将一下文件放入src文件夹中。第二步：删除hb项目中除了src之外的所有文件。第七步：npm run build 打包项目。第三步：将cli项目中的以下文件copy过来。第一步：采用hbuilder新建一个项目。第六步：npm run dev运行项目。第二部：通过cli新建一个项目。回到主题，将hb项目作为基础，我们将hb的项目作为基础。
HBuilder 打包步骤
l1936441554的博客
08-09 5688
HBuilder 打包步骤 白猫 HBuilder打包步骤： 1.导入文件（文件内 HTML 和 CSS 命名要规范，不能用中文， 如果有导入图片，那么图片的命名中不能包含中文和特殊字符；） 2.右键点击你的文件夹,在下拉菜单中选择【转换成移动APP（T）】 3.转换成移动APP后，文件夹下会出现一个叫： manifest.json 的文件 点击进去， appid 选择云端获取，在页面入口选择中...
Webpack打包后静态文件位置变了 导致到不位置
jt15881622410的博客
06-29 945
3、配置公共路径：可以在打包工具的配置文件中配置公共路径，使静态文件的引用路径正确。例如，在Webpack中可以使用publicPath配置项来指定静态文件的公共路径。1、使用相对路径：在代码中使用相对于当前文件的路径来引用静态文件。例如，如果静态文件与当前文件在同一目录下，可以使用./来引用静态文件。4、使用CDN：如果静态文件被托管在CDN上，可以使用CDN的路径来引用静态文件。2、使用绝对路径：可以使用绝对路径来引用静态文件。例如，可以使用项目的根路径作为基准，使用/开头的路径来引用静态文件。
使用Hbuilder开发App，打包App
qq_40127318的博客
07-07 2404
工具Hbuilder是由DCloud推出的一款支持HTML5的Web开发IDE。支持开发视图、边改边看模式、webview调试模式、团队同步视图。也可以连接真机或使用模拟器直接运行。由于使用了MUI的一些组件，并且本次的运行环境定位于点餐商家界面的移动APP。真机的好处在于可以使用一些只有真机才支持的API，而且没有跨域问题。因此，我下载了安卓模拟器，以运行调试。边看边改模拟器运行APP打包Hbu...
uniapp:用uni-app开发的DCIM管理系统
03-11
默认 项目设置 npm install 编译和热重装以进行开发 npm run serve 编译并最小化生产 npm run build 在HBuilderX中导入src文件打包;打包H5手机版可以本地访问;将index.*****.js中的base:"/"修改为base:"./";就可以访问图片路径 base64字体图标制作 1、https://icomoon.io/上制作字体图标 2、https://transfonter.org/上制作base64字体图标（Add Fonts选择fonts/icomoon.ttf；将Family support，Base64 encode两项设置为On，Formats一栏可只勾选woff2）
HBuilder X打包APP
weixin_45455227的博客
05-14 332
首先这里分享的是打包vue项目，其次打包你的 vue 项目 生成 dist 文件夹 新建H5+APP项目 创建完成后会出现图中文件夹，其中css、img、js、index.html都是可删、可改的 unpackage 是用来存放APP图标或是本地APP资源的 index.html 是APP的入口文件 manifest.json 是用来打包成APP的配置文件 ===》返回到HBuilder 开始APP打包配置文件 选择APP图标，如果不选，会自动生成一个H5的图标 1. 2. 3. 4. “s
简单使用hbuildx把vue-cli项目打包，并使用electron转换成可执行的exe文件
weixin_45534781的博客
09-05 1030
简单使用hbuildx把vue-cli项目打包，并使用electron转换成可执行的exe文件
hbuilderx APP打包
Activiti工作流
12-04 1361
HbuildrX APP云打包 首先你得保证你安装好了jdk 生成 Android 签名文件，目前有两种一种是 eclipse 开发工具生成的后缀名 .keystore 签名文件，一种是Android studio 开发工具生成的后缀名.jks 签名文件，那它们有什么不同？ 1.一个是 eclipse 生成的签名，用于eclipse 开发的APP应用打包 2.一个是 Android studio...
【uniapp/ucharts】采用 uniapp 框架的 h5 应用使用 ucharts（没有 uni_modules）
最新发布
花间半盘棋
04-26 150
然后按照图片中 README 所写的方式在项目中进行导入；下载的文件是如图所示的路径；就可以正常显示图表啦。
UniApp 项目中的生命周期详解：从诞生到逝去
weixin_47238919的博客
04-22 482
通过本文的介绍，相信你对 UniApp 中的生命周期有了更加深入的理解。合理利用生命周期钩子函数可以更好地管理应用程序的状态和行为，从而提升应用的用户体验和开发效率。
uniapp 安卓批量异步权限授权，没有授权就跳系统App设置页
weixin_59685936的博客
04-20 515
uniapp 安卓批量异步权限授权，没有授权就跳系统App设置页
从零开始：UniApp 项目搭建指南
weixin_47238919的博客
04-22 440
通过本文的指南，相信你已经对如何搭建一个 UniApp 项目有了更加清晰的认识。UniApp 的跨平台特性为移动应用开发带来了全新的可能性，希望你能够在未来的项目中充分发挥其优势，创造出更加优秀的应用作品。
uniapp 页面滚动到指定位置的方法
--=
04-23 256
uniapp 页面滚动到指定位置的方法
hbuilderx开发uniapp项目
07-27
要使用HBuilderX开发uni-app项目，首先需要下载HBuilderX并进行安装。你可以从官方网站下载HBuilderX，并按照安装方法进行安装\[2\]。安装完成后，打开HBuilderX，选择“新建” -> “项目”，然后选择uni-app项目类型。填入项目名称和保存地址，选择uni-ui项目模板，vue的版本为2，点击创建。HBuilderX会为你下载项目模板，并在左侧项目列表中显示你创建的项目\[2\]。 在创建项目后，你可以根据需要删除多余的代码，并创建文件目录，梳理项目文件结构。常见的项目文件结构包括api目录（用于存放接口相关代码）、common目录（存放项目相关的公共js方法、公共css等）、components目录（存放符合vue组件规范的uni-app组件）、pages目录（存放业务页面文件）、static目录（存放应用引用的本地静态资源，如图片、视频等）、store目录（用于存放vuex相关代码）、unpackage目录（用于打包APP时忽略的目录，打包目录）、uview-ui目录（用于存放uView-UI插件依赖）、App.vue文件（用于配置应用全局样式以及监听应用生命周期）、main.js文件（Vue初始化入口文件）、manifest.json文件（用于配置应用名称、appid、logo、版本等打包信息）、package.json文件（应用包配置文件，集成钉钉小程序必须加入该文件）、pages.json文件（页面包配置文件）、README.md文件（说明文档）、uni.scss文件（uni-app内置的常用样式变量）\[2\]。 如果你想使用uView框架，可以在项目中安装uView依赖。你可以通过npm安装方式进行配置，具体步骤可以参考uView官网提供的安装方式\[3\]。 总结起来，使用HBuilderX开发uni-app项目的步骤包括下载HBuilderX并进行安装，创建uni-app项目，配置项目文件结构，以及根据需要安装uView框架\[2\]\[3\]。 #### 引用[.reference_title] - *1* [使用HBuilderX搭建uni-app](https://blog.csdn.net/cocoManager/article/details/114367418)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control_2,239^v3^insert_chatgpt"}} ] [.reference_item] - *2* *3* [从零开始创建一个uni-app项目](https://blog.csdn.net/Serena_tz/article/details/127802006)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control_2,239^v3^insert_chatgpt"}} ] [.reference_item] [ .reference_list ]

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值