Yii2中使用asset压缩js,css文件的方法


Posted in PHP onNovember 24, 2016

官网文档

http://www.yiiframework.com/doc-2.0/guide-structure-assets.html

yii目录下运行

asset/template assets.php

生成assets.php,这是一个配置模板,并修改如下

<?php
/**
* Configuration file for the "yii asset" console command.
*/
// In the console environment, some path aliases may not exist. Please define these:
Yii::setAlias('@webroot', __DIR__ . '/web');
Yii::setAlias('@web', '/');
return [
// Adjust command/callback for JavaScript files compressing:
// 'jsCompressor' => 'java -jar compiler.jar --js {from} --js_output_file {to}',
'jsCompressor' => 'java -jar yuicompressor.jar --type js {from} -o {to}',
// Adjust command/callback for CSS files compressing:
'cssCompressor' => 'java -jar yuicompressor.jar --type css {from} -o {to}',
// The list of asset bundles to compress:
'bundles' => [
'app\assets\AppAsset',
'yii\web\YiiAsset',
'yii\web\JqueryAsset',
],
// Asset bundle for compression output:
'targets' => [
'all' => [
'class' => 'yii\web\AssetBundle',
'basePath' => '@webroot/assets',
'baseUrl' => '@web/assets',
'js' => 'js/all-{hash}.js',
'css' => 'css/all-{hash}.css',
],
],
// Asset manager configuration:
'assetManager' => [
'basePath' => '@webroot/assets',
'baseUrl' => '@web/assets',
],
];

这里css和js全部用yuicompressor了

然后在web/assets下创建js,css文件夹,并设置权限777

安装java命令行,ubuntu下

sudo apt-get install default-jre

下载yuicompressor.jar:

https://github.com/yui/yuicompressor/releases

放到yii根目录下

运行

./yii asset assets.php config/assets-dev.php

在config下会生成assets-dev.php文件

在config/web.php的component配置中添加

'assetManager' => [
'bundles' => require(__DIR__ . '/assets-' . YII_ENV . '.php'),
],

F5刷新页面就可以看到使用了压缩后的css和js了

如果要取消,注释掉web.php中对应代码即可

PS:yii2 控制器、方法命名规范和访问路由

如果模块名称或者控制器名称或者动作名称是用的骆驼格式的命名写法,那么路由里面的每个大写单词之间都要用“-”来连接。如

DateTimeController::actionFastForward 相应的路由为 date-time/fast-forward。

例如:http://dfms.com/backend/web/api-test/test-upload

api-test是控制器名字

test-upload是方法名字

以上所述是小编给大家介绍的Yii2中使用asset压缩js,css文件的方法,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!

PHP 相关文章推荐
PHPMYADMIN导入数据最大为2M的解决方法
Apr 23 PHP
注册页面之前先验证用户名是否存在的php代码
Jul 14 PHP
php GUID生成函数和类
Mar 10 PHP
PHP延迟静态绑定示例分享
Jun 22 PHP
Smarty foreach控制循环次数的一些方法
Jul 01 PHP
nginx+thinkphp下解决不支持pathinfo模式
Jul 01 PHP
PHP类的特性实例分析
Sep 28 PHP
微信小程序 消息推送php服务器验证实例详解
Mar 30 PHP
源码分析 Laravel 重复执行同一个队列任务的原因
Dec 25 PHP
PHP实现的多进程控制demo示例
Jul 22 PHP
php连接mysql数据库最简单的实现方法
Sep 24 PHP
解决laravel中日志权限莫名变成了root的问题
Oct 17 PHP
微信自定义分享php代码分析
Nov 24 #PHP
php插入含有特殊符号数据的处理方法
Nov 24 #PHP
PHP合并数组的2种方法小结
Nov 24 #PHP
PHP magento后台无法登录问题解决方法
Nov 24 #PHP
微信 开发生成带参数的二维码的实例
Nov 23 #PHP
微信 getAccessToken方法详解及实例
Nov 23 #PHP
Yii核心验证器api详解
Nov 23 #PHP
You might like
php json_encode奇怪问题说明
2011/09/27 PHP
学习php设计模式 php实现状态模式
2015/12/07 PHP
php数组指针操作详解
2017/02/14 PHP
jquery.ui.progressbar 中文文档
2009/11/26 Javascript
js getBoundingClientRect() 来获取页面元素的位置
2010/11/25 Javascript
open 动态修改img的onclick事件示例代码
2013/11/13 Javascript
js使用post 方式打开新窗口
2015/02/26 Javascript
Jquery实现瀑布流布局(备有详细注释)
2015/07/31 Javascript
Immutable 在 JavaScript 中的应用
2016/05/02 Javascript
JS实现可编辑的后台管理菜单功能【附demo源码下载】
2016/09/13 Javascript
javascript self对象使用详解
2016/10/18 Javascript
快速掌握jquery分页插件jqPaginator的使用方法
2017/08/09 jQuery
详解基于Vue cli生成的Vue项目的webpack4升级
2018/06/19 Javascript
对angularJs中controller控制器scope父子集作用域的实例讲解
2018/10/08 Javascript
使用pkg打包Node.js应用的方法步骤
2018/10/19 Javascript
详解ES6 Fetch API HTTP请求实用指南
2018/11/14 Javascript
JS中的算法与数据结构之列表(List)实例详解
2019/08/16 Javascript
基于ts的动态接口数据配置的详解
2019/12/18 Javascript
React 实现车牌键盘的示例代码
2019/12/20 Javascript
微信小程序input抖动问题的修复方法
2021/03/03 Javascript
详谈python在windows中的文件路径问题
2018/04/28 Python
浅谈Django+Gunicorn+Nginx部署之路
2019/09/11 Python
python 计算方位角实例(根据两点的坐标计算)
2020/01/17 Python
Python+appium框架原生代码实现App自动化测试详解
2020/03/06 Python
PyInstaller运行原理及常用操作详解
2020/06/13 Python
Skyscanner波兰:廉价航班
2017/11/07 全球购物
英国户外服装品牌:Craghoppers
2019/04/25 全球购物
什么是数组名
2012/05/10 面试题
标记环介质访问控制协议
2016/03/27 面试题
教师自荐书
2013/10/08 职场文书
房地产销售员的自我评价分享
2013/12/04 职场文书
施工安全标语
2014/06/07 职场文书
人力资源职位说明书
2014/07/29 职场文书
大足石刻导游词
2015/02/02 职场文书
如何搭建 MySQL 高可用高性能集群
2021/06/21 MySQL
基于CSS制作创意端午节专属加载特效
2022/06/01 HTML / CSS