uniapp项目部署运行,打包,发布

1,官方API链接。
uniapp项目部署运行,打包,发布_第1张图片
2,h5打包。
uniapp项目部署运行,打包,发布_第2张图片
uniapp项目部署运行,打包,发布_第3张图片
uniapp项目部署运行,打包,发布_第4张图片
控制台输出:
uniapp项目部署运行,打包,发布_第5张图片
说明:
uni-app在打包成h5时,默认是不支持直接打开的,因为打包出来是 (/xxx/xxx)这种格式,可在vue.config中配置publicPath,把它配置成(./),但在uni-app中找不到这个文件的。其中官网有提到 点击查看publPath。
在这里插入图片描述

	"h5" : {
		"publicPath": "./"
	},

uniapp项目部署运行,打包,发布_第6张图片
配置好后,以后打包就会生产(./xxx)的引用,就可以通过浏览器直接打开。但是需要注意的是:
①当采用css引用图片即backage-image:url(./xxx/xxx.png)这种格式引用图片时,最好写成(…/…/xxx.png)的形式。
②当采用src引用时需要写出相对路径即(…/…/static/xxx.png),但是这样打包后是找不到该图片的,最好通过变量和require(’…/…/static/img/java_05.png’) 读取图片。
③ manifest.json文档说明

3,Android/IOS打包。
点击:发行–>原生App-云打包§ ↓
uniapp项目部署运行,打包,发布_第7张图片

你可能感兴趣的:(uniapp项目部署运行,打包,发布)