小程序文件

小程序文件

小程序中有四种文件，分别是wxml、wxss、js和json文件。
其中最重要的两个是wxml和js文件，一个是页面骨架，一个是要实现页面逻辑的。而wxss是渲染作用，要是可以难看点的话，那么直接不要wxss文件，json文件相当于配置文件，还可以存放一些测试的数据。

接下来分别讲一下wxml、wxss以及js这三种文件分别要引入其它文件的方法：

wxml

wxml文件类似于网页开发的html文件，如果一段经常用的wxml代码，那么可以通过封装成另一个template，从而在页面进行引入。
引入格式：<import src="template文件地址”/>

引入例子：

wxss

wxss文件类似于网页开发的css文件，用于编写wxml的样式。在网页开发中如果一种样式被多个页面使用，那么可以通过引入外部样式文件。在小程序中同样的可以用这种方式来进行引入外部样式。
引入格式：@import "wxss文件地址";

引入例子：

js

引入格式：var variable = require("需要引入的js文件相对地址");"
注意，这里只能写js的相对地址，不能写绝对的，为此，官方文档还给特别指出了。

 

pic-1596534972725.png

 

引入例子：

js文件模块化

导出格式：module.exports = {
a ：var1,
b ：var2
};

js文件做为模块导出例子：