CSS/JSをひとまとめにして軽量化するプラグイン「Minify plugin for CakePHP」

「Minify plugin for CakePHP」は、インクルードするCSSもしくはJSファイルをひとまとめにしてキャッシュ化してくれるプラグインです。

導入

1. ダウンロード・解凍して、「Minify」にリネームしてapp/Plugin下に配置

   app/Plugin/Minify

2. プラグインをロード

   // app/Config/bootstrap.php
   CakePlugin::load( array( 'Minify' => array( 'routes' => true)));
   

3. 設定

   // app/Config/core.php
   Configure::write( 'MinifyAsset', true);
   

4. 使用するコントローラにヘルパーを指定 (全てのコントローラで使用する場合は、AppControllerで指定)

   // app/Contoller/AppController.php
   class AppController extends Controller {
       var $helpers = array( 'Minify.Minify');
   }
   

5. ビューに読み込むCSSやJSを指定する。ひとまとめにしたいCSS(JS)を配列で指定していきます。

   // CSS
   // 例：css/bootstrap.cssとcss/bootstrap-responsive.cssをひとまとめにする
   echo $this->Minify->css( array( 'bootstrap', 'bootstrap-responsive'));
   // JS
   // 例：js/jquery.jsとjs/jquery-ui.jsをひとまとめにする
   echo $this->Minify->script( array( 'jquery', 'jquery-ui'));
   

6. app/tmp/cache下にminifyディレクトリを作成
   minifyディレクトリのパーミッションを読み込み・書き込み可能にする必要があります。

   app/tmp/cache/minify
   

400 Bad requestへの対処

と、ここまではほとんどチュートリアルのコピペなんですが、

とエラーになってしまいます。

Cakephp -Minify 400 Bad request
を参考に以下のファイルを編集すると動作するようになります。

// app/Plugin/Minify/View/Helper/MinifyHelper.php    (77行目)
//          array_push($files, substr($this->assetUrl($asset, $options), 1));
            array_push($files, mb_substr($this->assetUrl($asset, $options), mb_strlen($this->request->webroot)));

さらに調査

サブディレクトリ構成の場合、CSSで画像パスの指定がうまくいかない。

Related

Markdown Plugin 複数ファイルアップロードフォーム DebugKitを導入 CakePHP インストール時エラーの対処 CakePHP 2.x インストール アップロードファイルのバリデーションルール CakePHP 1.3 インストール checkボックスを実装