.wpy文件说明
.wpy
文件的编译过程过下:
一个.wpy
文件可分为三大部分,各自对应于一个标签:
- 脚本部分,即
<script></script>
标签中的内容,又可分为两个部分:
逻辑部分,除了config对象之外的部分,对应于原生的.js
文件;
配置部分,即config对象,对应于原生的.json
文件。
结构部分,即
<template></template>
模板部分,对应于原生的.wxml
文件。样式部分,即
<style></style>
样式部分,对应于原生的.wxss
文件。
其中,小程序入口文件app.wpy
不需要template
,所以编译时会被忽略。.wpy
文件中的script
、template
、style
这三个标签都支持lang
和src
属性,lang
决定了其代码编译过程,src
决定是否外联代码,存在src
属性且有效时,会忽略内联代码。
示例如下:
<style lang="less" src="page1.less"></style>
<template lang="wxml" src="page1.wxml"></template>
<script>
// some code
</script>
各标签对应的lang
值如下表所示:
标签 | lang默认值 | lang支持值 |
---|---|---|
style | css |
css 、less 、scss 、stylus 、postcss |
template | wxml |
wxml 、xml 、pug(原jade) |
script | babel |
babel 、TypeScript |