Methods of using asset to compress js and css files in Yii2

Official website documentation

/doc-2.0/

Run in the yii directory

asset/template

Generate, this is a configuration template, and is modified as follows

<?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  --js {from} --js_output_file {to}',
'jsCompressor' => 'java -jar  --type js {from} -o {to}',
// Adjust command/callback for CSS files compressing:
'cssCompressor' => 'java -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',
],
];

Here, both css and js are used by yuicompressor

Then create the js, css folder under web/assets and set permissions 777

Install java command line, under ubuntu

sudo apt-get install default-jre

download:

/yui/yuicompressor/releases

Put it in the root directory of Yii

run

./yii asset config/

Files will be generated under config

Add in component configuration of config/

'assetManager' => [
'bundles' => require(__DIR__ . '/assets-' . YII_ENV . '.php'),
],

F5 refreshes the page and you can see that the compressed css and js are used.

If you want to cancel, comment out the corresponding code

PS: yii2 controller, method naming specifications and access routing

If the module name, controller name or action name is in the camel format naming method, then each capital word in the route must be connected with "-". like

DateTimeController::actionFastForward The corresponding route is date-time/fast-forward.

For example:/backend/web/api-test/test-upload

api-test is the controller name

test-upload is the method name

The above is the method of using asset to compress js and css files in Yii2 introduced to you by the editor. I hope it will be helpful to you. If you have any questions, please leave me a message and the editor will reply to you in time. Thank you very much for your support for my website!