Yii --EClientScript 扩展，css,js文件代码压缩合并加载

扩展插件下载地址，解压后复制到/protected/vendor/
https://github.com/muayyad-alsadi/yii-EClientScript

main配置文件配置插件，components里面增加

//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/components,类中定义加载方法

/*** 注册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">//IE９下加载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 --EClientScript 扩展，css,js文件代码压缩合并加载相关推荐

利用html-minifier和uglify-js对前端HTML/CSS/JS文件进行压缩
利用html-minifier和uglify-js对前端HTML/CSS/JS文件进行压缩前言:最近项目组项目接近完工,因为是个网站改造项目,大多数页面都是静态页面,前端开发并没有使用框架或工程化的 ...
ASP.NET 打包多CSS或JS文件以加快页面加载速度的Handler
ASP.NET 打包多CSS或JS文件以加快页面加载速度的Handler, 使用<link type="text/css" rel="Stylesheet" ...
asp.net使用httphandler打包多CSS或JS文件以加快页面加载速度
介绍使用许多小得JS.CSS文件代替一个庞大的JS或CSS文件来让代码获得更好的可维护性,这是一个很好的实践.但这样做反过来却损失了网站的性能.虽然你应该将你的Javascript代码写在小文件中并 ...
前端资源（css,js,图片,接口等）加载过程
查看前端各资源css,js,图片,接口等加载速度前言查看前端各资源加载速度加载过程中各指标详解前言网页打开的速度快慢直接影响了用户体验.据统计,Google网站访问速度每慢400ms就导致用 ...
Flask-Assets 使用autoprefixer并压缩css/JS文件提高访问速度
扩展阅读 http://flask-assets.readthedocs.io/en/latest/ Flask-Assets实例学习 Flask-Assets中文参考 Flask-Assets ...
在线压缩html/css/js文件成一行
在线压缩html/css/js文件成一行: 压缩网站为:http://tool.oschina.net/jscompress/ 将源码压缩成一行,去掉文中的一些注释和空格以及空行,好处是: 1.减小文 ...
js活jQuery实现动态添加、移除css/js文件
下面是在项目中用到的,直接封装好的函数,拿去在js中直接调用就可以实现css.js文件的动态引入与删除.代码如下动态加载,移除,替换css/js文件 // 动态添加css文件 function ad ...
node.js文件的压缩解压
node.js文件的压缩解压流式读写文件知识预知例子压缩解压文件知识预知压缩文件解压文件流式读写文件第一步先要弄清楚为什么需要压缩和解压文件,这是因为文件太大了,我们需要将文件进行压 ...
[css] 你是怎样对css文件进行压缩合并的？
[css] 你是怎样对css文件进行压缩合并的? 使用在线网站进行压缩,如http://tool.lu/css如使用Gulp,可使用gulp-minify-css进行压缩如使用WebPack,可使用o ...

Yii --EClientScript 扩展，css,js文件代码压缩合并加载

Yii --EClientScript 扩展，css,js文件代码压缩合并加载相关推荐

最新文章

热门文章