如何在构建时将独立的css链接保存在天文中

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.ffae6e3d.css中的'en‘来自英语页面/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