《PHP教程：Yii2中使用asset壓縮js,css文件的方法》要點：
本文介紹了PHP教程：Yii2中使用asset壓縮js,css文件的方法，希望對您有用。如果有疑問，可以聯(lián)系我們。

相關(guān)主題：YII框架

PHP學(xué)習(xí)官網(wǎng)文檔

PHP學(xué)習(xí)http://www.yiiframework.com/doc-2.0/guide-structure-assets.html

PHP學(xué)習(xí)yii目錄下運行

PHP學(xué)習(xí)asset/template assets.php

PHP學(xué)習(xí)生成assets.php,這是一個配置模板,并修改如下

PHP學(xué)習(xí)
<?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',
],
];

PHP學(xué)習(xí)這里css和js全部用yuicompressor了

PHP學(xué)習(xí)然后在web/assets下創(chuàng)建js,css文件夾,并設(shè)置權(quán)限777

PHP學(xué)習(xí)安裝java命令行,ubuntu下

PHP學(xué)習(xí)sudo apt-get install default-jre

PHP學(xué)習(xí)下載yuicompressor.jar：

PHP學(xué)習(xí)https://github.com/yui/yuicompressor/releases

PHP學(xué)習(xí)放到y(tǒng)ii根目錄下

PHP學(xué)習(xí)運行

PHP學(xué)習(xí)./yii asset assets.php config/assets-dev.php

PHP學(xué)習(xí)在config下會生成assets-dev.php文件

PHP學(xué)習(xí)在config/web.php的component配置中添加

PHP學(xué)習(xí)
'assetManager' => [
'bundles' => require(__DIR__ . '/assets-' . YII_ENV . '.php'),
],

PHP學(xué)習(xí)F5刷新頁面就可以看到使用了壓縮后的css和js了

PHP學(xué)習(xí)如果要取消,注釋掉web.php中對應(yīng)代碼即可

PHP學(xué)習(xí)PS：yii2 控制器、方法命名規(guī)范和訪問路由

PHP學(xué)習(xí)如果模塊名稱或者控制器名稱或者動作名稱是用的駱駝格式的命名寫法,那么路由里面的每個大寫單詞之間都要用“-”來連接.如

PHP學(xué)習(xí)DateTimeController::actionFastForward 相應(yīng)的路由為 date-time/fast-forward.

PHP學(xué)習(xí)例如：http://dfms.com/backend/web/api-test/test-upload

PHP學(xué)習(xí)api-test是控制器名字

PHP學(xué)習(xí)test-upload是方法名字

PHP學(xué)習(xí)以上所述是小編給大家介紹的Yii2中使用asset壓縮js,css文件的方法,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復(fù)大家的.在此也非常感謝大家對維易PHP網(wǎng)站的支持!

轉(zhuǎn)載請注明本頁網(wǎng)址：
http://www.fzlkiss.com/jiaocheng/2596.html