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

项目结构 

┌─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 等。

首页配置路径：

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

 

 

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

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

添加方式：

 开发工具：HbuilderXAPP版

                   真机测试

 

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

参考：uni-app官方文档