| Package Data | |
|---|---|
| Maintainer Username: | graham |
| Maintainer Contact: | hgblevins@gmail.com (Graham Blevins) |
| Package Create Date: | 2013-11-12 |
| Package Last Update: | 2014-03-18 |
| Home Page: | |
| Language: | PHP |
| License: | Unknown |
| Last Refreshed: | 2024-11-19 03:16:35 |
| Package Statistics | |
|---|---|
| Total Downloads: | 118 |
| Monthly Downloads: | 2 |
| Daily Downloads: | 0 |
| Total Stars: | 3 |
| Total Watchers: | 1 |
| Total Forks: | 0 |
| Total Open Issues: | 0 |
A super simple external JavaScript and Stylesheet management package for Laravel 4.
Add the package dependency to your project's composer.json file.
"require": {
"laravel/framework": "4.1.*",
"blevins/laravel-assets": "dev-master"
},
Run composer update and add 'Blevins\Assets\AssetsServiceProvider' to the app/config/app.php service providers array.
Add an assets.php to your app/config directory. Specify environment configurations by adding an assets.php to each environment directory in your app/config directory.
There is no limit to the number of stylesheets or external scriptd. At least one media type is required as a key in the styles array.
<?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',
[ ..., ]
),
),
);
The following example includes all stylesheets and scrtips defined in 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>
But what if you need specific stylesheets or combination of stylesheets for different templates? The next example shows how to use the media type and dot notation to include specific stylesheets.
<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>
Local: 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',
),
),
);
Default: app\assets.php
<?php
return array(
'scripts' => array(
'/assets/build/lib/main.js',
),
'styles' => array(
'screen' => array(
'/assets/build/css/style.css',
),
),
);