.wpy文件说明

.wpy文件的编译过程过下:


5 small

一个.wpy文件可分为三大部分,各自对应于一个标签:

  1. 脚本部分,即<script></script>标签中的内容,又可分为两个部分:

    逻辑部分,除了config对象之外的部分,对应于原生的.js文件;

    配置部分,即config对象,对应于原生的.json文件。

  1. 结构部分,即<template></template>模板部分,对应于原生的.wxml文件。

  2. 样式部分,即<style></style>样式部分,对应于原生的.wxss文件。

其中,小程序入口文件app.wpy不需要template,所以编译时会被忽略。.wpy文件中的scripttemplatestyle这三个标签都支持langsrc属性,lang决定了其代码编译过程,src决定是否外联代码,存在src属性且有效时,会忽略内联代码。

示例如下:

  1. <style lang="less" src="page1.less"></style>
  2. <template lang="wxml" src="page1.wxml"></template>
  3. <script>
  4. // some code
  5. </script>

各标签对应的lang值如下表所示:

标签 lang默认值 lang支持值
style css csslessscssstyluspostcss
template wxml wxmlxmlpug(原jade)
script babel babelTypeScript