app:利用HBuilder打包webpack项目

1.安装HBuilder

2.将你的项目在HBuilder中打开

3.控制台打包编译

npm run build

4.新建一个app项目，将项目编译生成的dist文件夹，复制到app项目中

5.双击manifest.json文件，修改页面入口，是否压缩的选项

（appid 注册登录后则有）

6.点击发行，打包原生

(会有弹框一直点击是即可之后会弹出打包进度)

7.下载安装包之后发送至手机安装后查看效果

效果图：

、

不过有很多兼容性的问题不过是向大前端迈出一大步了哈哈哈

转载于:https://www.cnblogs.com/GoTing/p/10181085.html

app:利用HBuilder打包webpack项目相关推荐

vue项目利用Hbuilder打包成APP流程，以及遇到的坑
目录 1.打包项目 1.1打包的app出现白屏. 1.2点击页面跳转不了,报 Loading chunk 2 failed. 等错误. 1.3.点手机物理按钮,直接退出程序. 2.Hbuilder发布 ...
70-webApp打包：将网站利用hbuilder打包为安卓app
感觉现在开发网页比写安卓应用简单多了,至少对我是这样,我安卓跟没学一样,于是在某次需求中需要写个简单的APP,我就想能不能弄成网页的,网页做出手机版,用手机访问不就是app了吗?于是去网上找了下资源, ...
用hbuilder打包php项目,hbuilder打包人人商城app教程方法支持支付宝微信原生支付...
使用hbuilder打包人人商城app 方法支持微信支付宝原生支付介绍人人商城打包使用hbuilder打包app需要的文件,目前支持微信原生支付,支付宝原生支付,原生退出app ,还没有写分享和原 ...
HBuilder打包tp项目成APP
打开HBuilder,对要打包的项目右击->发行->发行为原生安装包: 使用DCloud公用证书,下图有警告:APP打包参数不完整,点击参数配置进行修改: 应用名字及入口路径: 应用图标: ...
Hbuilder打包web项目为app时，下载文件失效，下载出现问题解决
问题描述:我是将我的web项目使用hbuilder打包成apk安装在手机上,然后使用下载功能的时候,跳转到报错页面,但是在pc端浏览器和手机浏览器上没有问题,报错页面如下: 其实这是因为使用a链接发送 ...
利用HBuilder打包apk文件
自己写app小软件,打包成apk是非常有成就感的一件事,今天就讲一下如何利用HBuilder把app项目打包成apk,很简单. 1. 在Hbuilder上面新建一个app项目文件-新建-移动App ...
免费生成ios证书,利用Hbuilder打包ipa
虽然xcode现在可以免证书进行测试了,但众多跨平台开发者,如果还没注册苹果开发者账号. 想安装到自己非越狱手机测试是无能为力了. 不过新技术来了,只需要普通免费的苹果账号无需付费成为开发者就可以申请 ...
vue项目使用Hbuilder打包苹果IOS-App详细教程
本文主要记录一下本人使用vue开发的移动端App使用Hbuilder打包成苹果IOS-App的详细步骤,仅供参考,如有不足,请指教. 打包苹果IOSapp首先需要准备以下几项东西: 1.已经编写好的v ...
利用pyinstaller将python项目脚本打包成可执行文件
利用pyinstaller打包python项目由于本文讲述还算比较详细,如果对pyinstaller有一定的了解,只需快速上手,可以直接跳到第四章结合实例进行操作. 1简介及安装pyinstalle ...
Hbuilder将vue项目打包为app（具体步骤和注意点）
Hbuilder将vue项目打包为app(具体步骤和注意点) 打包配置进行打包注意事项打包配置 1.打开Hbuider,点击左上角文件,点击新建,然后点击项目.项目类型要选择5+App,项目名称 ...

app:利用HBuilder打包webpack项目

app:利用HBuilder打包webpack项目相关推荐

最新文章

热门文章