Правильная упаковка файлов CSS для развертывания в Azure CDN в составе расширения DevOps Azure.

Question

Я разрабатываю расширение Azure DevOps, которое отображает сводку рабочих элементов для текущего Sprint для печати. ​​

Мне не удается получить статические CSS-файлы для правильной публикации.

В файле manifest.json в разделе файлов настроено следующее:

    {
        "path": "css/print.css",
        "contentType": "text/css",
        "addressable": true
    },
    {
        "path": "css/screen.css",
        "contentType": "text/css",
        "addressable": true
    },

Структура проекта:

css/screen.css
css/print.css
board-cards.html
vss-extension.json

Чтение этой документации: https://docs.microsoft.com/en-us/azure/devops/extend/develop/static-content указывает, что статический контент должен быть опубликован в: https://publisher.gallery.vsassets.io.

При отладке - в журнале сети появляются следующие два 404:

https://publisher.gallerycdn.vsassets.io/css/print.css https://publisher.gallerycdn.vsassets.io/css/screen.css

( Я для простоты изменил имя своей учетной записи издателя на общую строку "publisher" )

Я открыл .vsix в 7zipи папка и css файлы находятся в пакете.После многих часов поиска и поиска в стеке, я не могу найти решение.

Я попытался изменить запись в "файлах" на простую:

{
   "path": "css",
   "addressable": true
}

Однако это не дало эффекта.

Кто-нибудь может мне посоветовать, что я?м отсутствует или делает неправильно?

Answer 1

В ходе дальнейшей отладки я обнаружил, что файлы существуют по URL-адресу, указанному в опубликованной версии.

Например, https://publisher.gallerycdn.vsassets.io/extensions/publisher/board-cards/1.0.64/1545996658773/css/screen.css

И затем я проверил разметку иЯ понял, что сделал абсолютную ссылку на файлы CSS.Например,

/css/screen.css

Удаление первой косой черты - это сделало ссылку на файл CSS относительным, что решило проблему.

HTML 101.