下圖顯示了我的 Laravel 專案結構。

在我的檔案中,head.blade.php我嘗試了以下內容resources/css/general.css:
#1
<link rel="stylesheet" type="text/css" href="{{ asset('css/general.css') }}">
#2
<link rel="stylesheet" type="text/css" href="{{ asset('/css/general.css') }}">
#3
<link rel="stylesheet" type="text/css" href="{{ asset('/resources/css/general.css') }}">
#4
<link rel="stylesheet" type="text/css" href="{{ asset('resources/css/general.css') }}">
四個選項都不起作用,找不到 CSS 檔案。但是,<link rel="stylesheet" type="text/css" href="{{ asset('css/app.css') }}">是否因為某種原因app.css被找到...為什么general.css在同一檔案夾中找到但沒有找到?
以下命令:
npm install
npm run dev
回傳以下內容:
> dev
> npm run development
> development
> mix
● Mix █████████████████████████ sealing (87%)
code generation
● Mix █████████████████████████ done (99%) plugins
WebpackBar:done
? Mix
Compiled successfully in 613.02ms
Laravel Mix v6.0.37
? Compiled Successfully in 593ms
┌────────────────────────────────────────────────────────────────────┬─────────┐
│ File │ Size │
├────────────────────────────────────────────────────────────────────┼─────────┤
│ /js/app.js │ 606 KiB │
│ css/app.css │ 1 bytes │
└────────────────────────────────────────────────────────────────────┴─────────┘
webpack compiled successfully
uj5u.com熱心網友回復:
asset()用于參考目錄中的public檔案。通常,您會在webpack.mix.js檔案中復制/做一些處理,以將檔案轉移到公共目錄。
例如webpack.mix.js:
mix.postCss("resources/css/example.css", "public/css/example.css");
將example.css檔案復制到公共目錄作為example.css(一旦你運行npm)
然后在您的刀片中,您可以參考:
asset('css/example.css')
uj5u.com熱心網友回復:
如果您想使用 asset(),請將 CSS 檔案位置移動到公共檔案
轉載請註明出處,本文鏈接:https://www.uj5u.com/yidong/344430.html
