官网文档

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. 电源适配器变压器计算与元器件选型、细,全!【上篇-适配器设计计算23步骤】...
  3. PyQt5教程——组件 Ⅱ(八)
  4. cmw500综合测试仪使用_大屏幕真彩色互感器综合特性测试仪功能特点
  5. 【转】反病毒攻防研究第003篇:添加节区实现代码的植入
  6. 设置mac的全局命令
  7. django 按钮的样式_【实战演练】Python+Django网站开发系列11-成绩查询与成绩录入...
  8. 后台开发:核心技术与应用实践3.3.2 vector的查增删
  9. 2019测试指南-web应用程序安全测试(二)识别应用程序入口点
  10. C语言程序NS流程图生成器,请各位大神帮个忙,画个NS流程图,,急!!!
  11. python解释器怎么添加_Python解释器安装与环境变量添加
  12. 全球运:电商物流成数字浙江“金名片”
  13. IDEA主题设置更换
  14. 2021年人工智能(AI)的五大发展方向
  15. 同样是程序员 为什么薪资不同
  16. 允许网页打开android应用程序,通过浏览器直接打开Android应用程序
  17. windows网上邻居功能,局域网内文件共享步骤,问题总结,看不到共享文件夹
  18. 【博客推荐】小毛的胡思乱想 http://bonyfish.cn
  19. STM32驱动74HC165原理图加程序
  20. ComposeUI——日历控件(CalendarComponent)

热门文章

  1. chromebook开发php,玩转chromebook
  2. python装饰器测试_python 装饰器
  3. python基础教程pdf-python基础教程第三版.pdf
  4. python函数定义及调用-python函数基础(函数的定义和调用)
  5. python零基础能学吗-Python编程语言好学吗?零基础转行能学Python吗?
  6. python爬虫什么意思-Python爬虫可以做什么?
  7. python练手经典100例-【Python精华】100个Python练手小程序
  8. python用什么来写模块-Python常用模块——模块介绍与导入
  9. Android科大讯飞语音识别源码及API下载
  10. java特定用户登录_求教!!!用 jsp+servlet 怎样控制指定用户名登录页面啊!