mpvue小程序开发(七):原生结构

本文探讨了mpvue如何编译生成微信小程序的原生代码,重点解析了dist目录下的文件结构,包括common、components、pages、static等目录的作用。作者通过对比mpvue和微信原生代码,强调了mpvue在开发便利性上的优势,并指出开发者只需关注mpvue的源码即可,无需过于关注dist中的复杂内容。
摘要由CSDN通过智能技术生成

前面我们梳理了mpvue的各种开发结构,mpvue会编译生成满足微信小程序的原生代码,为了更熟更了解,我们还是需要看一看的,接下来就让我们一探究竟

在项目的dist目录下,我们清楚的看到了微信原生代码结构,嗯,非常的清晰

common:公共js

components:模块

pages:微信页面存放地

static:一些静态的东西

app.js:启动js

app.json:各种配置

app.wxss:全局css

sitemap.json:这是干嘛的我也不知道

 

我们找到一个tab栏对应的一个模块看下

上图这边是微信原生的,右边是mpvue的,嗯,明显还是mpvue方便啊

index.vue.wxml内容如下,嗯,这是页面

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值