AjaxMin связывает CSS с относительным путем - PullRequest
Новая
       46

AjaxMin связывает CSS с относительным путем

2 голосов
/ 20 марта 2019

У меня есть CSS структура папок, как показано ниже 

-test1.css
-test2.css
-morestyles
 --test3.css

эти css имеют ссылку на изображение как относительный путь в той же папке

test1.css имеет ссылку на изображение как 

background-image: url(../../../Assets/DefaultTheme/Images/test1.png);

test3.css имеет ссылку на изображение как 

background: url(../../../../Assets/DefaultTheme/Images/test2.png)

Я объединяю все эти css в один css mystyle.css с нижеприведенным config.xml 

<root>
    <output path="../../Styles/Bundled/mystyle.css">
        <input path="../../Styles/DefaultTheme/Css/test1.css"/>
        <input path="../../Styles/DefaultTheme/Css/test2.css"/>
        <input path="../../Styles/DefaultTheme/Css/morestyles/test3.css"/>
    </output>
</root>

Когда я bundle с помощью приведенной ниже команды в командном файле 

AjaxMin.exe -clobber -minify:false -xml config.xml -ignore:All -echo

Мой вывод mystyle.css теперь содержит фон test1.css, такой же, как и выше, который теперь не сможет получить изображение.

Есть ли способ справиться с относительным путем при объединении? Есть ли способ сохранить относительный путь в соответствии с папкой выходного файла?

1 Ответ

1 голос
/ 02 апреля 2019

Вы можете попробовать ссылаться на изображения по их расположению относительно корневой папки.Вы можете достичь этого, начав URL с '/'.Таким образом, не имеет значения, где находятся ваши CSS-файлы по отношению к изображениям.

Для получения более подробной информации:

https://css -tricks.com / quick-Remder-about-file-paths /

https://www.w3schools.com/html/html_filepaths.asp

...