傳統方式 vs 標籤方式
<!-- 傳統寫法 -->
<script src="/Public/Js/Util/Array.js"></script>
<link rel="stylesheet" href="/App/Tpl/default/Public/css/style.css" />
import 標籤(命名空間風格)
基本用法
<!-- JS 預設 type=js -->
<import file="Js.Util.Array" />
<import file="Js.Util.Array,Js.Util.Date" /> <!-- 批量 -->
<!-- CSS 需指定 type -->
<import type="css" file="Css.common" />
進階屬性
| 屬性 | 說明 |
| basepath | 自定義基礎路徑(預設 /Public) |
| #min | 對應 .min.js 壓縮版 |
| ?v=120 | 版本號防快取 |
| value | 條件載入(支援變數/函數) |
<import file="Js.Util.Array" basepath="./Common" />
<import file="Js.Util.Array#min" />
<import file="Js.Util.Array?v=120" />
<import file="Js.Util.Array?v=125,Js.Util.Date?v=130" />
<!-- 條件載入 -->
<import file="Js.Util.Array" value="name" /> <!-- 判斷 $name 存在 -->
<import file="Js.Util.Array" value="Think.get.name|isset" /> <!-- 函數鏈 -->
load 標籤(URL 直載)
<load href="/Public/Js/Common.js" />
<load href="/Public/Js/Date.js?v=235" />
<load href="/Public/Css/common.css" /> <!-- 自動判斷類型 -->
<!-- 模板變數替換 -->
<load href="!-PUBLIC-!/Js/Common.js" />
<!-- 條件載入 -->
<load href="/Public/Js/Common.js" value="name" />
<!-- 批量混合載入 -->
<load href="/Public/Js/Common.js,/Public/Css/common.css" />
js/css 別名標籤
<js href="/Public/Js/Common.js" />
<css href="/Public/Css/common.css" />
編譯後輸出範例
<?php if(isset($_GET['name'])): ?>
<script type="text/javascript" src="/Public/Js/Util/Array.js"></script>
<?php endif; ?>