Yii2 бутстрап 3 меньше выпуска - PullRequest
Новая
       14

Yii2 бутстрап 3 меньше выпуска

0 голосов
/ 09 декабря 2018
  1. Новый экземпляр базового приложения Yii2.
  2. Открыть начальную страницу.
  3. Содержимое div.container имеет стили из grid.less.grid.less: 
.container {
  .container-fixed();

  @media (min-width: @screen-sm-min) {
    width: @container-sm;
  }
  @media (min-width: @screen-md-min) {
    width: @container-md;
  }
  @media (min-width: @screen-lg-min) {
    width: @container-lg;
  }
}
Только на странице bootstrap.css и js.

Как отсоединить меньше файлов от начальной загрузки?

снимок экрана:

enter image description here

1 Ответ

0 голосов
/ 28 декабря 2018

По умолчанию yii2-bootstrap ничего не делает с .less файлами - он использует скомпилированный CSS, распространяемый в bower-asset/bootstrap пакете .Если вы хотите настроить CSS с помощью .less, вам необходимо создать собственный пакет ресурсов с необходимыми изменениями, настроить ресурсы компиляции и пути переопределения, используемые активами начальной загрузки: 

return [
    'components' => [
        'assetManager' => [
            // setup asset converter for *.less files :
            'converter' => [
                'class' => 'yii\web\AssetConverter',
                'commands' => [
                    'less' => ['css', 'lessc {from} {to} --no-color'],
                ],
            ],
            // override bundles to use local project files :
            'bundles' => [
                'yii\bootstrap\BootstrapAsset' => [
                    'sourcePath' => '@app/assets/source/bootstrap',
                    'css' => [
                        'css/bootstrap.less'
                    ],
                ],
                'yii\bootstrap\BootstrapPluginAsset' => [
                    'sourcePath' => '@app/assets/source/bootstrap',
                ],
                'yii\bootstrap\BootstrapThemeAsset' => [
                    'sourcePath' => '@app/assets/source/bootstrap',
                ],
            ],
        ],
        // ...
    ],
    // ...
];

https://www.yiiframework.com/extension/yiisoft/yii2-bootstrap/doc/guide/2.0/en/assets-setup#compiling-from-the-less-files

Относительно этих .less файлов, видимых в инспекторе браузера - это происходит из .map файлов, распространяемых со скомпилированными активами: https://github.com/twbs/bootstrap/tree/v3.4.0/dist/css. Это только дополнительные загруженные метаданныев браузере, если вы открываете инструменты разработчика, они фактически не используются в качестве источника для стилей.

...