官网文档

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. 我有一个很好的思维习惯-反思
  2. CentOS6.5-源码编译安装最新MySQL5.7.10
  3. apache camel_Apache Camel中的断路器模式
  4. dubbo kryo序列化_为什么如此高效?解密kryo各个数据类型的序列化编码机制,强...
  5. 【转】Monkey测试3——Monkey测试结果分析
  6. python输入函数设计_(董付国)Python 学习笔记---Python函数设计与使用(3)
  7. matlab傅里叶光学仿真,关于微透镜阵列的傅里叶光学分析
  8. 新快报:十年聚焦,巨杉数据库打造中国基础软件的“原创力”
  9. 软件工程师是青春饭吗?
  10. 心血管疾病:评估驾驶适应性(英国DVLA)
  11. Python爬虫实战(2)之爬取NBA球队各个球员头像图片
  12. OS_PV操作_4.过独木桥问题
  13. Arduino接入DFrobot EasyIOT实验(Arduino+APP Inventor+EasyIOT+百度AI API+Python数据可视化)
  14. Linux磁盘挂载和共享
  15. 2022 高德地图的使用 获取当前城市
  16. CVBS/AHD 转换 BT656/BT601
  17. 饱和气压与温度的关系_压力与饱和温度对照表
  18. Python+花生壳搭建一个外网访问本地文件的服务器
  19. 【java】opencv + Tesseract(tess4j) 实现图片处理验证码识别
  20. Lottie动画学习一 —— 入门博客介绍

热门文章

  1. mysql in过大_项目中常用的 19 条 MySQL 优化
  2. python自动化办公教程百度云-用Python自动办公,做职场高手,16章完整版百度云盘...
  3. python基础教程第三版电子版-《python基础教程第三版》PDF高清完整版-免费下载...
  4. python画50个图-python绘制多个子图的实例
  5. 免费python课程排行榜-Python爬虫学习排行榜
  6. python必备基础代码-Python基础练习之用户登录实现代码分享
  7. python语言能做什么-python语言到底可以做什么呢?
  8. 接口说明_实时语音识别_智能语音交互-阿里云
  9. HTML特殊字符显示
  10. JavaScript基础简单入门