infrajs / collect
此包最新版本(v1.0.18)无可用许可证信息。
实时收集并压缩js文件
v1.0.18
2022-04-04 11:17 UTC
Requires
- akiyatkin/meta: ~1
- infrajs/config: ~1
- infrajs/load: ~1
- infrajs/path: ~1
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 中处理 js 和 css 属性,该文件可以创建在项目根目录或依赖项文件夹中。安装后,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文件中的路径都必须从项目根目录 "/" 指出,或为绝对路径。bootstrap 和 flexslider 的样式包含相对路径,需要单独加载或根据说明操作,否则不会按预期工作。
加载独立的js和css扩展
<script src="/vendor/infrajs/collect/?js&name=event"></script>
<script src="/vendor/infrajs/collect/?js&name=event,tester"></script>
从根目录的路径
配置中的键
{ "-collect":"root" }
将意味着所有js和css路径都是从根目录指定的
要求
- composer
- php > 5.3