如何在yii2前端应用程序中添加缩小功能?

Question

如何为css和js文件添加最小化，或者我可以添加最小化它们并添加在单个文件中。我为完整的应用程序添加了一些css和js文件，而其他文件则是页面明智的?

Answer 1

AssetBundle表示资产文件的集合，例如CSS, JS等

一个资产包可以依赖于其他的资产包。当用视图注册一个资产包时，它的所有依赖的资产包都会自动注册。

请参考下面的链接

Yii2 AssetBundle API DOC

AssetBundle例子

In Your Yii2 Basic Application

Yii2基础应用资产包示例

In Your Yii2 Advanced Application

首先在front ->assets->AppAsset.php.

中创建一个AppAsset assetbundle。

<?php
    namespace frontendassets;
    use yiiwebAssetBundle;
    class AppAsset extends AssetBundle
    {
        public $basePath = '@webroot';
        public $baseUrl = '@web';
        public $css = [
             ....
             css file here
             ....
        ];
        public $js = [      
             .... 
             js file here
             .... 
        ];
        public $jsOptions = [
             ....
             js options here
             ....
        ];
        public $depends = [
             ....
             dependent asset bundles here
             eg: 'yiibootstrapBootstrapAsset'
             ....
        ];
    }
?>

现在在视图文件中注册AppAsset

<?php
   use frontendassetsAppAsset;
   AppAsset::register($this);
?>

And Also Register单个js和css文件

Single Js ans Css File Register

Answer 2

您可以使用https://github.com/skeeks-semenov/yii2-assets-auto-compress

配置简单快捷。安装后，你只需要更新你的配置文件。

即

'components' => [
        'assetsAutoCompress' => [
            'class' => 'skeeksyii2assetsAutoAssetsAutoCompressComponent',
        ],

，然后引导它。

'bootstrap' => ['log', 'assetsAutoCompress'],