合并变更文件

合并变更文件是一个手工调用的方法。可以将模板文件中的 <link> <script>文件按指定规则合并，并变更文件引用。具体使用步骤如下：

  • 把 qmui_web 目录中的 qmui.merge.rule.js 复制到上一层目录（即 UI_dev）
  • 按自身项目需要在 qmui.merge.rule.js 中写好文件合并规则，其中 key 为合并得到的最终文件（格式为字符串），value 为需要被合并的文件（格式为 glob），所有的路径均以模板中实际的文件引用路径为准（可参考下面的例子）
  • 在 qmui_web 目录执行命令 gulp merge 即可合并

具体例子如下：

  1. // qmui.merge.rule.js
  2. {
  3.   "../public/js/all.js" : ["../public/js/lib.js", "../public/js/function.js", "../public/js/index.js"]
  4. }
  1. <!-- test.html gulp merge 执行之前的页面 -->
  2. <!DOCTYPE html>
  3. <html>
  4.   <head>
  5.     <meta charset="UTF-8" />
  6.     <title>Test</title>
  7.   </head>
  8.   <body class="frame_wrap">
  9.     <script src="../public/js/lib.js"></script>
  10.     <script src="../public/js/function.js"></script>
  11.     <script src="../public/js/index.js"></script>
  12.   </body>
  13. </html>
  1. <!-- test.html gulp merge 执行之后的页面 -->
  2. <!DOCTYPE html>
  3. <html>
  4.   <head>
  5.     <meta charset="UTF-8" />
  6.     <title>Test</title>
  7.   </head>
  8.   <body class="frame_wrap">
  9.     <script src="../public/js/all.js"></script>
  10.   </body>
  11. </html>