官网文档

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. tomcat下面web应用发布路径配置 ( 即虚拟目录配置 )
  2. 荣耀有可能搭载鸿蒙系统吗,如果荣耀Magic3搭载了屏下镜头和鸿蒙系统,你会做第一批吗?...
  3. pat 团体赛练习题集 L2-008. 最长对称子串
  4. 虚拟机 centos 6.5 扩展根目录分区大小
  5. MySQL小误区:关于set global sql_slave_skip_counter=N 命令的一些点
  6. JavaScript+HTML+CSS 无缝滚动轮播图的两种方式
  7. 【02】CC - 有意义的命名
  8. Smobiler 4.4 更新预告 Part 1(Smobiler能让你在Visual Studio上开发APP)
  9. 【从入门到放弃-Java】并发编程-锁-synchronized
  10. python集合的加减_python 中对list做减法操作
  11. linux cached释放_正点原子Linux第四十一章嵌入式Linux LED驱动开发实验
  12. C#中This的用法
  13. [转载] 面试常见问题总结
  14. 输入两棵二叉树A,B,判断B是不是A的子结构。(我们约定空树不是任意一个树的子结构)
  15. 百度换肤,表单全选案例
  16. 全外显子测序(WES)由入门到精通记录
  17. 三菱凌云3故障代码_三菱.凌云故障代码
  18. 数据库脏读、不可重复读、幻读以及对应的隔离级别
  19. Python: 傅里叶级数
  20. 双赞的一体机主板能应用到哪些行业?

热门文章

  1. 构建复杂的应用程序(二)—— visual studio 下 C/C++ 项目开发
  2. [面试] 算法(五)—— 替换字符串中的空格
  3. java数据库技术_JAVA数据库技术
  4. word更新域后图片错误_你还不知道Word中F1~F12键作用?
  5. weblogic登录验证被拒绝_腾讯游戏:疑似未成年人登录和支付时需人脸识别验证...
  6. python基础教程自学网-Python基础系统管理学习手册视频教程
  7. 学python可以从事什么工作-学Python可以找什么工作或者做什么兼职?
  8. python编程入门必备知识-python基础教程#菜鸟也能看懂的超简单入门必备知识
  9. 远场语音识别套件评测
  10. 人工智能语音识别ppt