galek / combine-files
Combine files js, css, less,... for SEO. Support Nette Framework
Installs: 2 235
Dependents: 0
Suggesters: 0
Security: 0
Stars: 1
Watchers: 2
Forks: 0
Open Issues: 0
Language:CSS
Type:project
Requires
- php: >= 5.4.0
- nette/di: ~2.4
- nette/safe-stream: ^2
- nette/utils: ~2.4
Requires (Dev)
- nette/tester: ^1.7
- tracy/tracy: ^2.4
README
![Travis] (https://travis-ci.org/JanGalek/combine-files.svg?branch=master)
CombineFiles
Fast resolve for Google PageSpeed Insights combine warning (more css files). Now you can use generate for merge all files what you need to one file.
Package Installation
The best way to install Combine Files is using Composer:
$ composer require galek/combine-files
or manual edit composer.json in your project
"require": { "galek/combine-files": "^1" }
Importat settings
You need set rootPath to parent directory of your path
$rootPath = __DIR__;
Also you set path/directory where are your files to merge.
$path = 'css';
Example
$path = 'css'; $root = __DIR__; $basic = new \Galek\Utils\CombineFiles($root, $path); $basic->addFile('main.css'); $basic->addFile('top.css'); $basic->addFile('bot.css'); ?> <link rel="stylesheet" type="text/css" href="<?php echo $basic; ?>"> <h1>Tested</h1>
Example with Nette Extension
extensions: css: \Galek\Utils\CombineFiles\DI\Extension js: \Galek\Utils\CombineFiles\DI\Extension css: root: ::constant(WWW_DIR) // we can use constant, which we defined for example at index.php localPath: 'css' files: - style.min.css - nittro.full.min.css js: root: ::constant(WWW_DIR) localPath: 'js' name: 'myCombinedFile' //We can named outside file files: - main.js - nittro.full.min.js
public function startup() { parent::startup(); $this->cssCombinator = $this->context->getService('css.combineFiles'); } protected function beforeRender() { parent::startup(); $this->template->cssCombined = $this->cssCombinator; }
<head> <link rel="stylesheet" type="text/css" href="{$cssCombined}"> </head>