Как сохранить отдельные ссылки css в Astro во время сборки

Question

В Astro.js, когда я помещаю эти строки в файл .astro:

      <link rel="stylesheet" href={ Astro.resolve('../styles/preloader.scss') }>
<link rel="stylesheet" href={ Astro.resolve('../styles/application.scss') } media="print" onload="this.onload=null;this.media='all'">

результат, который я получаю во время сборки, следующий:

(Я создаю многоязычный сайт. "En" в en.ffae6e3d.css взято с английской страницы / en)

      <link rel="stylesheet" href="../assets/application.ddd2d855.css">
<link rel="stylesheet" href="../assets/en.ffae6e3d.css">

Как я могу получить такой результат?

      <link rel="stylesheet" href="../assets/preloader.css">
<link rel="stylesheet" href="../assets/application.css" media="print" onload="this.onload=null;this.media='all'">

Это (ожидаемый) результат, который я получаю в режиме разработки.

Answer 1

Вы могли бы попробоватьis:inlineдля загрузки файлов ресурсов на стороне клиента без компиляции во время сборки.

https://docs.astro.build/en/reference/directives-reference/#isinline