blevins/laravel-assets

此包的最新版本(0.1.4)没有提供许可证信息。

Laravel 4 的一个超级简单的脚本和样式表管理包。

0.1.4 2013-12-05 16:40 UTC

This package is not auto-updated.

Last update: 2024-09-24 03:23:23 UTC


README

Laravel 4 的一个超级简单的外部 JavaScript 和样式表管理包。

安装

将包依赖添加到项目的 composer.json 文件中。

"require": {
	"laravel/framework": "4.1.*",
	"blevins/laravel-assets": "dev-master"
},

运行 composer update 并将 'Blevins\Assets\AssetsServiceProvider' 添加到 app/config/app.php 服务提供者数组中。

配置

在您的 app/config 目录中添加一个 assets.php 文件。通过在每个环境目录中添加一个 assets.php 文件来指定环境配置。

样式表或外部脚本的数目没有限制。在 styles 数组中至少需要一个媒体类型作为键。

<?php

return array(

	'scripts' => array(
		'/path/to/script/file-1.js',
		'/path/to/script/file-2.js',
		[ ..., ]
	),

	'styles' => array(
		'all' => array(
			'/path/to/stylesheet/file-1.js',
			'foo' => '/path/to/stylesheet/file-2.js',
			[ ..., ]
		),
		'screen' => array(
			'/path/to/stylesheet/file-3.js',
			[ ..., ]
		),
		'print' => array(
			'/path/to/stylesheet/file-4.js',
			[ ..., ]
		),
	),
);

以下示例包括了在 assets.php 中定义的所有样式表和脚本。

<html>
	<head>
		{{ styles() }}
		{{ scripts() }}
	</head>
</html>
<html>
	<head>
		<link media="all" type="text/css" rel="stylesheet" href="/path/to/stylesheet/file-1.js">
		<link media="all" type="text/css" rel="stylesheet" href="/path/to/stylesheet/file-2.js">
		<link media="screen" type="text/css" rel="stylesheet" href="/path/to/stylesheet/file-3.js">
		<link media="print" type="text/css" rel="stylesheet" href="/path/to/stylesheet/file-4.js">
		<script src="/path/to/script/file-1.js"></script>
		<script src="/path/to/script/file-2.js"></script>
	</head>
</html>

但是,如果您需要为不同的模板指定特定的样式表或样式表组合怎么办?下一个示例显示了如何使用媒体类型和点符号来包含特定的样式表。

<html>
	<head>
		{{ styles(array('all.foo', 'print')) }}
	</head>
</html>
<html>
	<head>
		<link media="all" type="text/css" rel="stylesheet" href="/path/to/stylesheet/file-2.js">
		<link media="print" type="text/css" rel="stylesheet" href="/path/to/stylesheet/file-4.js">
	</head>
</html>

示例

本地:app/local/assets.php

<?php

return array(

	'scripts' => array(
		'/assets/libs/requirejs/require.js',
		'/assets/core/lib/main.js',
	),

	'styles' => array(
		'screen' => array(
			'/assets/core/css/style.css',
		),
	),
);

默认:app/assets.php

<?php

return array(

	'scripts' => array(
		'/assets/build/lib/main.js',
	),

	'styles' => array(
		'screen' => array(
			'/assets/build/css/style.css',
		),
	),
);