合并 css js - SuperAL/splice GitHub Wiki

处理的文件类型

HTML

合并文件功能说明

语法如下:

<!-- build:<type>(alternate search path) <path> -->
... HTML Markup, list of script / link tags.
<!-- endbuild -->
  • type: 文件类型，js 或者 css
  • alternate search path: 替换文件搜索路径 (可选)，默认情况下需要打包的文件地址都是相对于该 html 文件的，替换文件搜索路径可以改变这个设置
  • path: 输出路径，合并后的文件路径，相对于该 html 文件

以下为使用示例：

合并前：

<!-- build:css style.css -->
<link rel="stylesheet" href="css/clear.css"/>
<link rel="stylesheet" href="css/main.css"/>
<!-- endbuild -->

<!-- build:js js/app.js -->
<script src="js/app.js"></script>
<script src="js/controllers/thing-controller.js"></script>
<script src="js/models/thing-model.js"></script>
<script src="js/views/thing-view.js"></script>
<!-- endbuild -->

合并后：

<link rel="stylesheet" href="style.css"/>

<script src="js/app.js"></script>

可选设置：

  1. 压缩合并后的 js
  2. 添加版本号：
<link rel="stylesheet" href="style-2584538875.css"/>

<script src="js/app-8400847688.js"></script>
⚠️ **GitHub.com Fallback** ⚠️