我们如何在yii2前端应用程序中添加缩小？

Question

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

Answer 1

AssetBundle代表资产文件的集合，例如CSS，JS等。

资产束可以依赖于其他资产束。 使用视图注册资产捆绑包时，其所有从属资产捆绑包将被自动注册。

请参考下面的链接

Yii2 AssetBundle API DOC

AssetBundle示例

在您的Yii2基本应用程序中

Yii2基本应用程序资产捆绑示例

在您的Yii2高级应用程序中

首先在frontend-> assets-> AppAsset.php中创建一个AppAsset AssetBundule 。

<?php

    namespace frontend\assets;
    use yii\web\AssetBundle;

    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: 'yii\bootstrap\BootstrapAsset'
             ....
        ];
    }
?>

现在在您的视图文件中注册AppAsset

<?php
   use frontend\assets\AppAsset;
   AppAsset::register($this);
?>

并且还注册单个js和css文件

单个Js和CSS文件寄存器

Answer 2

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

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

即

'components' => [
        'assetsAutoCompress' => [
            'class' => '\skeeks\yii2\assetsAuto\AssetsAutoCompressComponent',
        ],

然后引导它。

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

就这样，您就可以开始了。