项目结构 

┌─components         //目录:组件文件存放目录       
├─hybrid             //目录:本地网页及相关资源     
│  └─html
│     ├─css
│     │  └─test.css
│     ├─img
│     │  └─icon.png
│     ├─js
│     │  └─test.js
│     └─local.html
├─pages              //目录:业务页面文件存放目录              
│  └─index
│     └─index.vue  
├─static             //目录:存放应用引用静态资源(如图片、视频等)的地方,注意:静态资源只能存放于此
├─main.js            //Vue初始化入口文件
├─App.vue            //应用配置,用来配置App全局样式以及监听应用的生命周期
├─manifest.json      //配置应用名称、appid、logo、版本等打包信息
└─pages.json         //配置页面路由、导航条、选项卡等页面类信息

 pages.json 文件用来对 uni-app 进行全局配置,决定页面文件的路径、窗口表现、设置多 tab 等。

首页配置路径:

uni-app学习笔记(1)——如何在uni-app中引入H5工程

manifest.json 文件是应用的配置文件,用于指定应用的名称、图标、权限等。

 

 

uniapp可以用来加载本地和网络网页,小程序仅支持加载网络网页(个人类型与海外类型的小程序不支持使用 web-view 组件),App 平台同时支持网络网页和本地网页,但本地网页及相关资源(js、css等文件)必须放在 uni-app 项目根目录->hybrid->html 文件夹下,如下为一个加载本地网页的uni-app项目文件目录示例:

uni-app学习笔记(1)——如何在uni-app中引入H5工程

 实际测试:uni-app直接导入h5工程是可以运行的

添加方式:

uni-app学习笔记(1)——如何在uni-app中引入H5工程

 开发工具:HbuilderXAPP版

                   真机测试

 

参考:第二篇:实现uni-app和原生(Android)以及H5项目混编

参考:uni-app官方文档

 

 

相关文章:

  • 2022-12-23
  • 2022-12-23
  • 2021-11-23
  • 2021-12-10
  • 2021-10-09
  • 2021-10-26
  • 2022-12-23
  • 2022-01-10
猜你喜欢
  • 2021-08-29
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2021-12-19
  • 2022-01-07
  • 2022-12-23
相关资源
相似解决方案