Yii2_php 예제에서 자산을 사용하여 js 및 css 파일을 압축하는 방법

공식 홈페이지 문서

http://www.yiiframework.com/doc-2.0/guide-structure-assets.html

yii 디렉토리에서 실행

자산/템플릿 자산.php

구성 템플릿인 자산.php를 생성하고 다음과 같이 수정합니다

<&#63;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',
],
];

여기의 모든 CSS와 js는 yuicompressor를 사용합니다

그런 다음 web/assets 아래에 js 및 css 폴더를 만들고 권한을 777로 설정하세요

Ubuntu에서 Java 명령줄 설치

sudo apt-get install default-jre

yuicompressor.jar 다운로드:

https://github.com/yui/yuicompressor/releases

yii 루트 디렉토리에 넣으세요

달려

./yii 자산 자산.php config/assets-dev.php

assets-dev.php 파일은 config 아래에 생성됩니다

config/web.php의 구성요소 구성에

을 추가하세요.

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

F5를 눌러 페이지를 새로고침하면 압축된 CSS와 js를 볼 수 있습니다

취소하려면 web.php에서 해당 코드를 주석 처리하세요

PS: yii2 컨트롤러, 메서드 명명 규칙 및 액세스 라우팅

모듈 이름이나 컨트롤러 이름, 액션 이름을 카멜 형식으로 작성한 경우 경로의 각 대문자는 "-"로 연결되어야 합니다.

등

DateTimeController::actionFastForward 해당 경로는 날짜-시간/빨리 감기입니다.

예: http://dfms.com/backend/web/api-test/test-upload

api-test는 컨트롤러 이름입니다

test-upload는 메소드 이름입니다

위는 편집자가 소개한 Yii2의 에셋을 사용하여 js 및 css 파일을 압축하는 방법입니다. 궁금한 사항이 있으면 메시지를 남겨주시면 편집자가 답변해 드리겠습니다. 당신은 시간에. 또한 Script House 웹사이트를 지원해 주시는 모든 분들께 감사의 말씀을 전하고 싶습니다!