yanli0303/yii-minify-client-script

This package is abandoned and no longer maintained. No replacement package was suggested.

A PHP Yii framework extension to minify JavaScript and CSS files for a web page.

Maintainers

Details

github.com/yanli0303/Yii-MinifyClientScript

Source

Issues

Installs: 109

Dependents: 0

Suggesters: 0

Security: 0

Stars: 0

Watchers: 1

Forks: 0

Open Issues: 0

0.2 2015-03-04 10:08 UTC

Requires

Requires (Dev)

MIT 7429cc98cf7f3de5df37a39e2fcc41c8af27434d

  • Yan Li <peterleepersonal.woop@gmail.com>

This package is not auto-updated.

Last update: 2020-01-24 15:45:57 UTC

README

By Yan Li

Build Status Coverage Status License PayPayl donate button

A PHP Yii framework extension to minify JavaScript and CSS files for a web page.

How does it work?

  1. Minify each JavaScript and CSS files before deployment (during build stage):
    • For each JavaScript/CSS file we have, generated a minified version in same directory, and name it with a .min suffix;
    • e.g. Minified version of ~/src/css/style.css should be named as ~/src/css/style.min.css
  2. Concatenate the JavaScript/CSS files required on the page at run-time

Usage

  1. Create a new extension directory for your Yii application: ~/protected/extensions/minify
  2. Download both src/MinifyClientScript.php and LICENSE.md, put them into ~/protected/extensions/minify
  3. Update your Yii application configuration file(usually named /protected/config/main.php) and replace the Yii CClientScript with MinifyClientScript
  4. Before deploying, minify the individual JavaScript and CSS files:
  5. Pack your application sources and deploy

Sample Yii application configuration file:

return array(
    'basePath' => __DIR__ . '/..',
    'name' => 'Your App Name',
    'preload' => array('log'),
    'import' => array(
        'application.models.*',
        'application.components.*',
        'application.extensions.*'
    ),
    'clientScript' => array(
        'class' => 'ext.minify.MinifyClientScript',
        'minify' => !YII_DEBUG, // Disable minifying while developing
        // put all js files before end </body> tag
        // note this setting won't affect css files, they will be put in <head>
        'coreScriptPosition' => CClientScript::POS_END,
        'packages' => array(
            'home_page' => array(
                'baseUrl' => '',
                'js' => array(
                    'bower_components/jquery/jquery.js',
                    'bower_components/angular/angular.js',
                    'bower_components/bootstrap/dist/js/bootstrap.js',
                    'js/home/home_index.js'
                ),
                'css' => array(
                    'bower_components/bootstrap/dist/css/bootstrap.css',
                    'css/home/home_index.css'
                )
            )
        )
    )
);

NOTE

It requires sticky session from load balance server, otherwise you'll encounter HTTP 404 problems.

Alternatives