uni-app 工程目录结构介绍

发布时间:2023年12月24日

锋哥原创的uni-app视频教程:

2023版uniapp从入门到上天视频教程(Java后端无废话版),火爆更新中..._哔哩哔哩_bilibili2023版uniapp从入门到上天视频教程(Java后端无废话版),火爆更新中...共计23条视频,包括:第1讲 uni-app简介、第2讲 uni-app环境搭建、第3讲 uni-app之HelloWorld实现等,UP主更多精彩视频,请关注UP账号。icon-default.png?t=N7T8https://www.bilibili.com/video/BV1eG411N71c/一个uni-app工程,默认包含如下目录及文件:

├─pages ? ? ? ? ? ? ? ? 业务页面文件存放的目录
│  ├─index
│  │  └─index.vue ? ? ? index页面
│  └─list
│ ? ? └─list.vue ? ? ?  list页面
├─static ? ? ? ? ? ? ?  存放应用引用的本地静态资源(如图片、视频等)的目录,注意:静态资源只能存放于此
├─unpackage ? ? ? ? ? ? 非工程代码,一般存放运行或发行的编译结果
├─main.js ? ? ? ? ? ? ? Vue初始化入口文件
├─App.vue ? ? ? ? ? ? ? 应用配置,用来配置App全局样式以及监听 应用生命周期
├─manifest.json ? ? ? ? 配置应用名称、appid、logo、版本等打包信息,详见
├─pages.json ? ? ? ? ?  配置页面路由、导航条、选项卡等页面类信息,详见
└─uni.scss ? ? ? ? ? ?  这里是uni-app内置的常用样式变量
    

static目录 使用注意

  • 编译到任意平台时,static 目录下除不满足条件编译的文件,会直接复制到最终的打包目录,不会打包编译。非 static 目录下的文件(vue、js、css 等)只有被引用时,才会被打包编译。

  • cssless/scss 等资源不要放在 static 目录下,建议这些公用的资源放在自建的 common 目录下。

Tips

  • HbuilderX 1.9.0+ 支持在根目录创建 ext.jsonsitemap.json 等小程序需要的文件。

文章来源:https://blog.csdn.net/caoli201314/article/details/135180498
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。