Business
Jobs
  • About Us
  • Solutions
    • Job Postings
      Post your job and receive qualified candidates in 48h.
    • Candidate Assessments
      500+ technical and psychological tests, plus anti-fraud.
    • Headhunting
      Tailor-made executive search from start to finish.
    • Payroll + EOR
      Payroll dispersal and EOR across 15+ LATAM countries.
  • Pricing
  • Jobs

0

148
Views
How to keep separate css links in Astro at build time

In Astro.js, when i put these lines in a .astro file :

<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'">

the result I get at build time is this :

(I am building a multi language site. The 'en' in en.ffae6e3d.css is from the english page /en )

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

How can I get this result ?

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

This is the (expected) result I get indevelop mode.

about 4 years ago · Juan Pablo Isaza
Answer question
Find remote jobs

Discover the new way to find a job!

Top jobs
Top job categories
Business
Post vacancy Pricing Sales
Legal
Terms and conditions Privacy policy
© 2026 PeakU Inc. All Rights Reserved.
Andres GPT
Show me some job opportunities
There's an error!