wxml、wxss、js 引入外部文件的方法

一、wxml导入其他文件的方法

WXML 提供两种文件引用方式import和include。

以如下图所示路径描述：

以此路径为例

1、import 方法:

import可以在文件中使用目标文件定义的template,import 有作用域的概念，即只会 import 目标文件中定义的 template，而不会 import 目标文件 import 的 template。

如：C import B，B import A，在C中可以使用B定义的template，在B中可以使用A定义的template，但是C不能使用A定义的template。

 写法：<import  src=" 文件路径"/> 上图路径写法为：<import src="../test/test.wxml"/>

2.include 方法

include 可以将目标文件除了 <template/>,<wxs/>外的整个代码引入，相当于是拷贝到 include 位置。  外的整个代码引入，相当于是拷贝到 include 位置

写法：<include src="文件路径"/>以上为例的路径写法为：<include src="../logs/logs.wxml"/>

二、wxss导入外部样式方法

1、@import 方法

@import 可以导入外联样式表，@import后跟需要导入的外联样式表的相对路径，用;表示语句结束。

写法：@import "文件路径" ;以上为例的路径写法为：@import "../test/test.wxss";

三、js引入外部文件

1、require 方法

注意： require 方法暂不支持绝对路径。

写法：require（"文件相对路径"）;

以上为例的路径写法为：var utilMd5 = require('../../utils/md5.js');