npm 包 dry-lang 使用教程

阅读时长 4 分钟读完

什么是 dry-lang

dry-lang 是一个基于 JavaScript 的模板引擎,可以自定义模板语言,支持模板热替换、模块化、局部模板等特性,非常适合前端开发使用。

如何安装

如何使用

单文件模板

在单文件中定义模板。

多文件模板

使用 partial 指令加载局部模板。

-- -------------------- ---- -------
---- ----------- ---
------- ---------------
  ------ ----- -------
  -----
    -- -----------------
    -- ------------------
    -- --------------------
  ------
---------

自定义模板指令

-- -------------------- ---- -------
-------------------- --------------- -
  ----- - ---- ------ - - --------
  ------ --- -------------------------- -
    -------- -
      --------------------
      ------ ---
    -
  -
---

在模板中使用自定义指令。

示例代码

-- -------------------- ---- -------
----- --- - --------------------

-------------------- --------------- -
  ----- - ---- ------ - - --------
  ------ --- -------------------------- -
    -------- -
      --------------------
      ------ ---
    -
  --
---

----- -------- - -
--------- -----
------
------
  --------- ----- ----------
-------
------
  --------------------------
  ----- -------------
    -- --- ------ --------- ---- --------- --
    ------ -------- --- -- ---- --------
    ----
      -- --- - -- ----- --
      ------ - -------
      -- ------ --
    -----
    -- --- ------- --------- ---- --------- --
  -------
  --------------------------
-------
-------
--

--- -------- - --- ---------------------- -
  ------- -
    ------ -------- -- ----------
    --------- --------
    ----- --------
    ------ ------- ------ ------
  --
  ----- ----
---

--------------------------------------

- ----------------------------------------------------------- --------
----------------------------------------------------------------------------------
纠错
反馈