What is the difference between `import ... "...css?raw"` and `"...css?inline"`? #20314

Sleepful · 2025-06-28T08:17:30Z

Sleepful
Jun 28, 2025

My intention is to inline the stylesheets on the <head> tag.

Given:

import sheetsInline from "~/styling/sheets.css?inline";
import sheetsRaw from "~/styling/sheets.css?raw";

And:

        <Style>{sheetsRaw}</Style>
        <Style>{sheetsInline}</Style>

The Raw version works fine during vinxi dev, but it fails during vinxi build.
The Inline version works fine during vinxi build, but fails terribly during vinxi dev.

On the first scenario, the styles just are not shown.

On the second scenario, vinxi dev fails to resolve the import and throws a cryptic error message on the terminal. The error looks like ✘ [ERROR] Could not resolve "../pkg" node_modules/lightningcss/node/index.js:17:27 ...

I have no clue what is going on. Any help is appreciated.

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Uh oh!

Uh oh!

What is the difference between `import ... "...css?raw"` and `"...css?inline"`? #20314

Uh oh!

{{title}}

Uh oh!

Uh oh!

{{editor}}'s edit

{{editor}}'s edit

Uh oh!

Replies: 0 comments

Select a reply

Uh oh!

Uh oh!

What is the difference between import ... "...css?raw" and "...css?inline"? #20314

Uh oh!

Uh oh!

Sleepful Jun 28, 2025

Replies: 0 comments

What is the difference between `import ... "...css?raw"` and `"...css?inline"`? #20314

Sleepful
Jun 28, 2025