infrajs/collect

此包最新版本(v1.0.18)无可用许可证信息。

实时收集并压缩js文件

v1.0.18 2022-04-04 11:17 UTC

This package is auto-updated.

Last update: 2024-09-10 13:03:40 UTC


README

  • 扩展将javascript文件收集并合并到 /vendor/infrajs/collect/?js 地址
  • 扩展将css文件收集并合并到 /vendor/infrajs/collect/?css 地址

如果项目已设置短路径 infrajs/router 与 .htaccess,建议使用以下路径

  • /-collect/?js
  • /-collect/?css

使用方法

在html中添加

<head>
	<script src="/vendor/infrajs/collect/?js"></script>
	<link href="/vendor/infrajs/collect/?css" type="text/css" rel="stylesheet" />
</head>

如果传递了时间戳(或唯一字符串版本),则启用public缓存。无时间戳时,服务器将始终进行If-Not-Modified检查。

<script src="/vendor/infrajs/collect/?js&time=2342342"></script>

如果有模板引擎

<script src="/vendor/infrajs/collect/?js&time={Access.adminTime()}"></script>

描述

在配置文件 .infra.json 中处理 jscss 属性,该文件可以创建在项目根目录或依赖项文件夹中。安装后,javascript和css构建通过 /vendor/infrajs/collect/?js/vendor/infrajs/collect/?css 地址提供。使用 浏览器缓存服务器缓存gzip,压缩

添加自定义css和js文件

项目中存在css和js文件

  • bower_components/jquery/dist/jquery.min.js
  • bootstrap/bootstrap.min.js
  • bower_components/flexslider/jquery.flexslider-min.js,
  • css/style.css
  • css/animate.css

可以使用根配置文件添加这些文件。在项目根目录创建名为 .infra.json 的文件,内容如下

{
	"index":{
		"js":[
			"bower_components/jquery/dist/jquery.min.js",
			"bootstrap/js/bootstrap.min.js",
			"bower_components/flexslider/jquery.flexslider-min.js"
		],
		"css":[
			"css/animate.css",
			"css/style.css"
		]
	}
}

所有css文件中的路径都必须从项目根目录 "/" 指出,或为绝对路径。bootstrapflexslider 的样式包含相对路径,需要单独加载或根据说明操作,否则不会按预期工作。

加载独立的js和css扩展

	<script src="/vendor/infrajs/collect/?js&amp;name=event"></script>
	<script src="/vendor/infrajs/collect/?js&amp;name=event,tester"></script>

从根目录的路径

配置中的键

{
	"-collect":"root"
}

将意味着所有js和css路径都是从根目录指定的

要求

  • composer
  • php > 5.3