带有 ID 属性的 CSS 不适用于 LARAVEL 8

Question

I have called my css like this <link href="{{ URL::asset('/assets/css/app.min.css') }}" id="app-style" rel="stylesheet" type="text/css" />

There is id on tag css. this css successfully called the directory if my url site no sub domain like laravel.test/example. but the css fails to call if my url site like laravel.test/example/example2..

If i remove that id .. it work on all sites. but i need that id because its making some feature like change light/dark mode layouts.

So id='app-style' is going to file app.js . In app.js there is s("#app-style").attr("href","assets/css/app-dark.min.css") . app-dark.min.css is failure to call..

It will be easy if i can use blade on javascript.

Answer 1

I think you should use asset() helper function but I'm not sure:

<link href="{{ asset('./css/app.min.css')}}" rel="stylesheet">    

Answer 2

In your blade you can check if something is or not. The you can include a condition to make the switch. Something like that:

@php
    $hasDarkMode = true;
    $link = $hasDarkMode ? 'app-dark.min.css' : 'app.min.css';
@endphp

<link href="{{ URL::asset('/assets/css/' . $link) }}" 
  rel="stylesheet" 
  type="text/css" />

But it probably makes the most sense to make the condition on the href attribute.

Answer 3

I decided to answer my own question. Because id='app-style' is going to file app.js and there is some code to call other css..

i just need to change my app.js from asset to app.blade.php on view and set it on main layout.

now i can change directory structure from blade. s("#app-style").attr("href","assets/css/app-dark.min.css") to s("#app-style").attr("href","{{ asset('assets/css/app-dark.min.css') }}")

Answer 4

How to reduce javascript code in wordpress websites and link is Free article submission sites