Как убрать в Laravel Vite закрывающий слэш в link?

Question

[cssfish]

Есть проект на laravel, ресурсы (например, css) "собираются" через Vite.

В шаблоне:
@vite('resources/css/style.css')

В конфиге (vite.config.js):

export default defineConfig({
    plugins: [
        laravel({
            input: [
                'resources/css/style.css',
                (и т.д.)

На выходе (в Html):

<link rel="stylesheet" href="https://ДОМЕН/build/assets/css/style.css" />

так вот, как убрать слэш в конце этой строки?
Пролистал доки и issues laravel &vite и что-то ничего не нашел.

Comments

[Aetae]

Зачем?

[cssfish]

Aetae, практического смысла нет.
Как и в самом слэше - html же ставить его не обязывает
Так что интересует, скорее, возможность контроля над выводом.

[Aetae]

cssfish, обязывает или нет - зависит от doctype.

Собсно тебе остаётся либо ждать что вдруг мимо будет проходить кто-то кому такая фигня была нужна и он в этом разобрался, что крайне маловероятно, либо скачать исходники laravel и поискать там самому как оно работает и какие библиотека с какими параметрами использует.

[maksam07]

https://html.spec.whatwg.org/multipage/syntax.html...
6 пункт

Как гласит рекомендация - разницы нет, есть там тег или нет, но обычно для одиночных тегов ставится слеш в конце.

[cssfish]

Благодарю за прямую ссылку.

Там все же скорее нет, чем да:

is unnecessary and has no effect

it should be used only with caution

т.е. "не нужен", "не имеет эффекта" и "используйте с осторожностью".

[cssfish]

Aetae, Про doctype согласен.
Добрые люди нашлись, ответ найден.
Всем спасибо!

Answer 1

[Сергей delphinpro]

В любой непонятной ситуации смотри исходники =)

https://github.com/laravel/framework/blob/10.x/src...

Такой тонкой настройки нет.
Такой вариант выбран, потому что он универсален, подходит для любого доктайпа.

Comments

[cssfish]

Благодарю, с первым тезисом согласен )
А как быстро находить такие штуки? Попробовал с нуля поискать, поиск по репо repo:laravel/framework /> дал 44 ответа, и каждый надо бегло посмотреть...

[Сергей delphinpro]

cssfish, Я смотрю локально в phpStorm. Там проще переходить на определения нужных классов/функций.

В данном случае достаточно было "даблшифтнуть" и начать писать имя класса Vite, IDE его дополнила. Потом кликом по нему перейти в нужный файл и посмотреть в панели Structure список методов. Метод makeTag сразу бросается в глаза, переходим в него, а там еще пара перескоков к другим методам и мы на месте. Ну или можно было сразу текстовый поиск по "/>" сделать.

[cssfish]

Сергей delphinpro, круто, спасибо!

Answer 2

[Антон Антон]

в шаблоне blade вместо @vite([...]) использовать прямое указание

<link rel="stylesheet" href="{{ Vite::content('resources/css/style.css') }}">

для упрощения можно накидать себе в app/Providers/AppServiceProvider.php Vite::macro(), я себе сделал для resources/images/, resources/js и контента из public/ отдельные, может для resources/css тоже пригодится, если стили кусками делать. Только для использования надо их еще импортить или в конфиге vite указывать.

Comments

[cssfish]

Благодарю, пригодится.
Попробовал, Vite::content не заработало, а вот Vite::asset - да
Ну и в доках тоже asset - https://laravel.com/docs/10.x/vite#blade-processin...