Yii2. Ассеты и неправильные пути в коде js файлов. Как починить?

Question

[sanex3339]

Появилась проблема. Есть yii2 модульное приложение.
Есть модуль layout (путь @rootfolder/vendor/sanex/layout), в котором находятся папки assets (в папке файл LayoutAssets.php, в котором прописаны js и css файлы), js, css, img и прочие.
В папке js есть обычный скрипт на jquery, в котором мы обычным способом меняем background-image на другую, например вот так.

$('.blablabla').css({'background-image' : 'url("img/test.jpg")'});

На выходе, получается ссылка на бэкграунд вида http://yii2/img/test.jpg, которая не работает, т.к. картинки находятся в папке с ассетами.

Как получить на выходе ссылку вида http://yii2/assets/28f6aca1/img/test.jpg?

Вряд ли это делается в js коде, т.к. плагин "Pixp" тоже не работает из за этого.

Все остальные пути правильные, т.е. при загрузке страницы все стили и скрипты подцепляются верно, проблема только в путях, которые указаны в коде js файлов.

Мой файл LayoutAssets.php

<?php
namespace sanex\layout\site\assets;
use yii\web\AssetBundle;

class LayoutAsset extends AssetBundle
{
    public $sourcePath = '@sanex/layout/site';

    public $css = [
        'css/bootstrap.css',
        'css/normalize.css',
        'css/main.css',
        'css/gridinator.css',
        'css/style.css',
    ];

    public $js = [
        'js/vendor/modernizr-2.6.2.min.js',
        'js/vendor/jquery-1.10.2.min.js',
        'js/plugins.js',
        'js/main.js',
        //'http://jek-fdrv.16mb.com/pixp/pixp.js',
    ];

    public $depends = [
        'yii\web\YiiAsset',
    ];
}

Comments

[Александр Борисович]

А зачем в асетах хранить картинки?

Answer 1

[Vit]

> В php получить путь до папки легко, а как в js непонятно.
При рендеринге страницы на стороне пхп "встройте" в тело страницы глобальную яваскрипт-переменную, в которой будете хранить путь к папке. Что-то типо того:

<script>
var g_AssetsPath = '<?php echo getPath() ?>';
</script>

Потом из яваскрипта можно будет к g_AssetsPath обратиться.

Comments

[Константин Андреевич]

Хорошее решение, но оно опять-же требует внесение изменений в js, что очень неудобно.

Answer 2

[Константин Андреевич]

Имя папки в assets -- это её хэш. Можно в js так и написать

$('.blablabla').css({'background-image' : 'url("/assets/28f6aca1/img/test.jpg")'});

Comments

[sanex3339]

Это вариант на крайний случай, т.к. прописывать во всех js скриптах папки с ассетами не правильно.
Наверняка это гдето в yii задается, только не найду - где.

[Константин Андреевич]

@sanex3339 я ничего лучше не придумал. В php получить путь до папки легко, а как в js непонятно.

[sanex3339]

Тут должно быть решение без внесения исправлений в JS, именно средствами Yii2, т.к. с другим плагином такая же проблема. А если таких плагинов, меняющих css background image - 10 штук? А если min версии плагинов?

[Александр Борисович]

Ну а вы вкурсе что ассеты это временное хранилище? Их удалять рекомендуется регулярно. Накой подключать на прямую?))

[Константин Андреевич]

@Alexufo их не нужно удалять регулярно, assets сам очищается и обновляется. Я говорил о том, что имя папки в assets -- это hash имени этой папки.

[Александр Борисович]

А зачем асеты картинки использовать?

Answer 3

[sanex3339]

В общем ответили мне следующее:

I am afraid we can not analyze JS searching for possible image URL usage. This is simply too risky.
You should reconsider your code, allowing to pass images base path into js via configuration or something.

Ну, тогда буду использовать это решение с правкой js кода -(
yiiframework.ru/forum/viewtopic.php?f=19&t=20187#p...