官网文档

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

yii目录下运行

asset/template assets.php

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

'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中文网,转载请注明出处,感谢您的尊重!

yii2 asset.php,Yii2中使用asset压缩js,css文件的方法_php实例相关推荐

  1. php 压缩js css文件,PHP实现动态压缩js与css文件的方法

    本文实例讲述了PHP实现动态压缩js与css文件的方法.分享给大家供大家参考,具体如下: 正式发布产品时,我们希望将项目里的js,css合并压缩,以减少http请求.防止轻易查看源代码. 使用 只需要 ...

  2. vite 压缩js css文件

    1.需要安装 vite-plugin-compression 插件 npm  install vite-plugin-compression 这个插件的作用就是将js.css文件使用gzip压缩 2. ...

  3. NodeJs使用UglifyJs压缩js/css文件

    基本指令 安装 uglifyjs npm install -g uglify-js 命令 uglifyjs file.js -c -m -o file-min.js 编写Js方法 说明:取fs模块,它 ...

  4. 压缩 js/css 的工具

    最近检测服务器,发现js/css文件都没有压缩过,动手解决此问题先. 本次压缩采用 yui compress (2.4.8) 压缩脚本: #!/bin/sh echo "########## ...

  5. IDEA添加外部插件-yuicompressor压缩js/css

    前端 IntelliJ IDEA2022.3 中自动压缩js,css文件 下载文件扫描器 File Watchers 配置 File Watchers 需要下载 yuicompressor 下载文件扫 ...

  6. maven js css 压缩,maven压缩js css

    maven压缩 net.alchim31.maven yuicompressor-maven-plugin 1.3.0 prepare-package compress UTF-8 false fal ...

  7. YUI Compressor插件压缩后war中的js/css文件未压缩的解决方法(被maven打包顶替了)

    YUI Compressor Maven插件可以压缩/合并js或css文件,经常用在Maven项目中,但最近发现在wabapp中执行了 mvn install 命令进行发布之后,终端中显示插件已经执行 ...

  8. 测试掌握的Linux解压,轻松掌握Linux压缩/解压文件的方法

    对于在Linux下解压大型的*.zip文件,相信大家一般都会通过使用winrar直接在smb中来进行解压的操作,虽然说最终可能能够解压但有时候会存在解压时间长或者网络原因出错等故障的情况出现.那么有没 ...

  9. 使用yuicompressor 压缩js, CSS

    前言 保持web页面的轻量级,提高网页工程设计提升web应用程序的性能永远是一个主要策略.但是,还是有一些其他的辅助策略提升系统系统,像压缩代码, HTTP压缩传输 和使用CSS 精灵等. 压缩代码, ...

最新文章

  1. 2021-04-12 电机滑模控制 LuGre摩擦模型
  2. SAP固定资产减值准备的处理方法
  3. 【itext学习之路】--2.设置pdf的一些常用属性
  4. android 音乐app 进度条_让这些可爱的APP成为你的生活好帮手
  5. sqlalchemy基本类型
  6. RuntimeError: expected a Variable argument, but got torch.FloatTensor
  7. Aix5.3安装Bash Shell环境
  8. HDFS最基本的操作命令 和基本配置
  9. Activity (一)工作流简介 :概念与由来
  10. 考研408复习思路,学习方法
  11. python勒索病毒代码_.Lucky后缀勒索病毒数据解密(示例代码)
  12. python攻击校园网_Python模拟校园网登录
  13. freeswitch简介
  14. 学习编程需要安装的基础软件整理(建议收藏)
  15. 在mosquitto和Node-Red间使用基于的MQTTS双向认证通讯( 私有CA)
  16. CTF训练营学习笔记1(web)
  17. 假期如何学java_假期学习javaWeb每日笔记
  18. 计算机如何更新目录,wps怎么更新目录【具体阐明】
  19. linux创建新的虚拟环境,并安装指定版本的包
  20. Red_Hat_Linux忘记root密码解决办法

热门文章

  1. 生活中的数学(为生活建模)(三)—— 代数
  2. Python 数据结构与算法 —— 链表
  3. 数学常用公式及规律、结论(三)
  4. Python基础——使用with结构打开多个文件
  5. python如何使用本地数据库_使用Python在虚拟机上怎么连接本地数据库
  6. JAVA处理模型的步骤,java-处理模型中条件字段的最佳方法
  7. python中如何打印阶梯_字符阶梯(python)
  8. idea搭建springcloud项目_Eureka搭建分布式SpringCloud项目
  9. python就业方向-目前Python这么火,Python有哪些就业方向?
  10. micropython入门教程-Micropython入门实操心得