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

 更新时间:2016年11月24日 15:06:57   作者:zergling9999  
这篇文章主要介绍了Yii2中使用asset压缩js,css文件的方法的相关资料,需要的朋友可以参考下

官网文档

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二维码的生成与识别案例

    PHP二维码的生成与识别案例

    这篇文章主要介绍了PHP二维码的生成与识别案例,本篇文章通过简要的案例,讲解了该项技术的了解与使用,以下就是详细内容,需要的朋友可以参考下
    2021-07-07
  • Laravel5.5 支付宝手机网站支付的教程

    Laravel5.5 支付宝手机网站支付的教程

    这篇文章主要介绍了Laravel5.5 支付宝手机网站支付的教程,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2018-07-07
  • 关于PHP中Session文件过多的问题及session文件保存位置

    关于PHP中Session文件过多的问题及session文件保存位置

    PHP的默认机制:每一次php请求,会有1/100的概率(默认值)触发“session回收”。接下来通过本文给大家介绍关于PHP中Session文件过多的问题及session文件保存位置,需要的朋友参考下
    2016-03-03
  • php实现微信公众号企业转账功能

    php实现微信公众号企业转账功能

    这篇文章主要为大家详细介绍了php实现微信公众号企业转账功能,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2018-10-10
  • Yii2框架dropDownList下拉菜单用法实例分析

    Yii2框架dropDownList下拉菜单用法实例分析

    这篇文章主要介绍了Yii2框架dropDownList下拉菜单用法,结合实例形式分析了Yii框架中dropDownList下拉菜单的定义、实现方法与使用技巧,需要的朋友可以参考下
    2016-07-07
  • PHP屏蔽关键字实现方法

    PHP屏蔽关键字实现方法

    本篇文章主要介绍了PHP屏蔽关键字实现方法,具有一定的参考价值,有需要的可以了解一下。
    2016-11-11
  • PHP新建类问题分析及解决思路

    PHP新建类问题分析及解决思路

    这篇文章给大家介绍php新建类相关问题分析及解决办法,涉及到php新建类相关知识,本文介绍的非常详细,非常具有参考借鉴价值特此分享供大家参考
    2015-11-11
  • PHP设计模式之建造者模式(Builder)原理与用法案例详解

    PHP设计模式之建造者模式(Builder)原理与用法案例详解

    这篇文章主要介绍了PHP设计模式之建造者模式(Builder)原理与用法,结合具体实例形式详细Fenix了建造者模式的概念、原理、用法及操作注意事项,需要的朋友可以参考下
    2019-12-12
  • UCenter 批量添加用户的php代码

    UCenter 批量添加用户的php代码

    有时候我们需要批量添加用户,只要把该php放进UCenter目录下,执行就可以了。
    2012-07-07
  • Laravel实现通过blade模板引擎渲染视图

    Laravel实现通过blade模板引擎渲染视图

    今天小编就为大家分享一篇Laravel实现通过blade模板引擎渲染视图,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2019-10-10

最新评论