duplicate stylesheet link

[riazahmadshigri]

Vite Plugin Version

0.7.2

Laravel Version

10

Node Version

1.1

NPM Version

8.1.4

Operating System

win

OS Version

10

Web browser and version

google chrome

Running in Sail?

No

Description

//vite.config.js
import { defineConfig } from 'vite';
import laravel from 'laravel-vite-plugin';

export default defineConfig( {
plugins: [
laravel( {
input: [
'resources/css/app.css',
'resources/css/frontend.scss',
'resources/js/app.js',
],
refresh: true,
} ),
],
} );

//header.blade.php

@Vite('resources/css/frontend.scss')

///////its producing dublicate css

Steps To Reproduce

unknown

[driesvints]

Does this also happen on v0.8.0?

[riazahmadshigri]

i don,t know my website is in production i realized it today and even i cannot test it with v8

[driesvints]

Please try again with v0.8 and report back, thanks.

[timacdonald]

@riazahmadshigri one of these is a "preload" tag the other is a "stylesheet" tag. This is intentional.

See: https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/rel/preload

[riazahmadshigri]

Yes I added custom attributes on stylesheet for better speed

But the link with preload is duplicate it should not be there

Because I added custom attributes following Laravel docs .....

Before adding those custom attributes it was rendering two similar stylesheets links with rel preload

But now it is supposed to only render the link with custom attr which is correct one
But unfortunately that is not happening

As a workaround I will for now remove @Vite(assets/etc)

And hard code the stylesheet link
I think that's the only solution