组合器

:dart: 使用Sublime Text将本地或远程的CSS和/或JavaScript文件列表合并成一个

详细信息

版本 0.0.9
主页 packagecontrol.io
问题 github.com
修改时间 3年前
最后查看时间 2小时前
首次查看时间 7年前

安装

总数 866
Win 552
Mac 256
Linux 58

	8月6日	8月5日	8月4日	8月3日	8月2日	8月1日	7月31日	7月30日	7月29日	7月28日	7月27日	7月26日	7月25日	7月24日	7月23日	7月22日	7月21日	7月20日	7月19日	7月18日	7月17日	7月16日	7月15日	7月14日	7月13日	7月12日	7月11日	7月10日	7月9日	7月8日	7月7日	7月6日	7月5日	7月4日	7月3日	7月2日	7月1日	6月30日	6月29日	6月28日	6月27日	6月26日	6月25日	6月24日	6月23日
Windows	1	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	1	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0
Mac	1	1	0	0	0	0	0	0	1	0	0	0	1	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	1	0	0	0	0	0	0
Linux	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0

README

源代码: raw.githubusercontent.com

组合器

使用Sublime Text将本地或远程的CSS和/或JavaScript文件列表合并成一个。现在，它还可以使用在线压缩器压缩CSS、JavaScript和/或HTML文件。

如何使用

只需将以下组合器声明放在任何文件中

/*
Combiner:{
  combine:"/path/to/file1.css",
  combine:"/path/to/file2.css",
  combine:"/path/to/file3.css",
  output:"/path/to/output.file.css"
}
*/

您还可以在同一文件中使用多个组合器声明

<head>
    ...


    <link rel="stylesheet" href="css/style.css">
    ...
  </head>
  <body>
    <h1>Hello, world!</h1>
    ...


    <script src=js/scripts.js"></script>
  </body>

或者，您可以为组合器声明创建一个单独的文本（txt、json、cfg...）文件夹

{
  "Combiner_CSS":{
    combine:"/path/to/file1.css",
    combine:"/path/to/file2.css",
    combine:"/path/to/file3.css",
    output:"/path/to/output.file.css"
  },

  "Combiner_JS":{
    combine:"/path/to/file1.js",
    combine:"/path/to/file2.js",
    combine:"/path/to/file3.js",
    output:"/path/to/output.file.js"
  },

  "Combiner_LIB":{
    combine:"/path/to/file1.js",
    combine:"/path/to/file2.js",
    combine:"/path/to/file3.js",
    output:"/path/to/output.file.js"
  }
}

每次您想合并文件时，都可以在Sublime Text编辑器窗口右侧的上下文菜单中使用，也可以通过Sublime Text工具菜单中的组合器命令访问，或者使用快捷键：ctrl (MacOs X中的super键) + alt + c

远程文件

您可以仅在单个本地文件中获取远程文件并合并它们，仅有的限制是在同一块中声明相同类型的文件（远程或本地）

{ 
  "Combiner_CSS_CDN":{
    combine:"https://remote/path/to/file1.css",
    combine:"https://remote/path/to/file2.css",
    combine:"https://remote/path/to/file3.css",
    output:"/local/path/to/output.file.css"
  },

  "Combiner_CSS":{
    combine:"/path/to/file1.css",
    combine:"/path/to/file2.css",
    combine:"/path/to/file3.css",
    output:"/path/to/output.file.css"
  },

  "Combiner_JS_LIBS":{
    combine:"https://remote/path/to/file1.js",
    combine:"https://remote/path/to/file1.js",
    combine:"https://remote/path/to/file1.js",
    output:"/local/path/to/output.file.js"
  },

  "Combiner_JS":{
    combine:"/path/to/file1.js",
    combine:"/path/to/file2.js",
    combine:"/path/to/file3.js",
    output:"/path/to/output.file.js"
  }
}

或者，您可以仅用它来下载单个远程文件

{ 
  "Combiner_CSS":{
    combine:"https://remote/path/to/file1.css",
    output:"/local/path/to/output.file.css"
  },

  "Combiner_JS_LIBS":{
    combine:"https://remote/path/to/file1.js",
    output:"/local/path/to/output.file.js"
  }
}

最小化

此外，您还可以使用线上压缩器创建的压缩工具最小化合并的文件（或您想要的文件）。您只需在Sublime Text编辑器窗口中选中上下文菜单，或者在工具菜单中访问组合器命令，或者使用快捷键：ctrl (MacOs X中的super键) + alt + m。在打开文件相同的位置将创建一个新的文件，文件名与原名相同，添加后缀min。使用压缩功能需要网络连接。

对于HTML文件，使用的是HTML-Minifier。
对于JavaScript文件，使用的是Javascript-Minifier。
对于CSS文件，使用的是CSS-Minifier。

安装

打开命令面板并选择“包管理器：安装包”。搜索“组合器”。