이 기사의 예에서는 Yii에 EClientScript 플러그인 확장을 설치하여 CSS와 js 파일의 코드 압축 및 병합 로딩 기능을 구현하는 방법을 설명합니다. 참고용으로 모든 사람과 공유하세요. 자세한 내용은 다음과 같습니다.
확장 플러그인 다운로드 주소, 압축을 풀고 /protected/vendor/에 복사
https://github.com/ muayyad-alsadi/yii- EClientScript
기본 구성 파일은 플러그인을 구성하고
//js,css代码压缩,合并 'clientScript' => array( 'class' => 'application.vendor.yii-EClientScript.EClientScript', 'combineScriptFiles' => TRUE, // By default this is set to true, set this to true if you'd like to combine the script files 'combineCssFiles' => TRUE, // By default this is set to true, set this to true if you'd like to combine the css files 'optimizeScriptFiles' => !YII_DEBUG, // @since: 1.1 'optimizeCssFiles' => !YII_DEBUG, // @since: 1.1 'optimizeInlineScript' => false, // @since: 1.6, This may case response slower 'optimizeInlineCss' => false, // @since: 1.6, This may case response slower ),
도구 클래스 Unit.php를 구성 요소에 추가한 후 /protected/vendor/comComponents에 배치합니다.
/** * 注册JS 文件 */ public function jsFile($file,$position=CClientScript::POS_HEAD,$media=array()){ $cs=Yii::app()->getClientScript(); $cs->registerScriptFile($file,$position,$media); } /** *注册CSS文件 */ public function cssFile($file,$media=''){ Yii::app()->getClientScript()->registerCssFile($file,$media); }
템플릿은 css 파일과 js 파일을 호출합니다
<?php //注册CSS文件, Unit::cssFile('/css/home/base.css'); //result to:<link rel="stylesheet" type="text/css" href="/css/home/base.css" /> //IE6下加载CSS文件 Unit::cssFile('/css/form.css','lte IE 6'); //result to:<!--[if lte IE 6]><link rel="stylesheet" type="text/css" href="/css/form.css" /><![endif]--> //注册JS文件, Unit::jsFile('/js/jquery.lazyload.js'); //result to:<script src="/js/jquery.lazyload.js"> //IE9下加载JS文件 Unit::jsFile('/js/common.js', CClientScript::POS_HEAD, array('media' => 'lt IE 9')); //result to:<--[if lt IE 9]><script src="/js/common.js"><![endif]--> ?>
이 기사가 Yii를 기반으로 하는 모든 사람의 PHP 프로그램 설계에 도움이 되기를 바랍니다. 뼈대.
Css, js 파일 코드 압축 및 병합 로딩 기능을 구현하는 Yii 설치 EClientScript 플러그인 확장에 대한 자세한 내용은 PHP 중국어 웹사이트를 참고하세요!