在 Laravel 中集成自定義 HTML SASS 模板

Question

I am trying to integrate a custom html SaaS template in Laravel 7. I have put the template JS and CSS files in public directory and created a master blade in which I have link these js and css files. 但不知何故，它無法正常工作。 我確實知道 app.js 文件存在一些問題，但我無法確定實際原因。 如果有人能在這方面指導我，我將不勝感激。

CSS 文件路徑：

<head>
    <meta charset="utf-8" />
    <title>{{ config('site_name')}} | Dashboard</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!-- App favicon -->
    <link rel="shortcut icon" href="{{url('images/favicon.ico')}}">

    <!-- Bootstrap Css -->
    <link href="{{ url('css/bootstrap.min.css')}}" id="bootstrap-style" rel="stylesheet" type="text/css" />
    <!-- Icons Css -->
    <link href="{{ url('css/icons.min.css')}}" rel="stylesheet" type="text/css" />
    <!-- App Css-->
    <link href="{{ url('css/app.min.css')}}" id="app-style" rel="stylesheet" type="text/css" />
    @yield('theme_style')
</head>

JS 文件路徑：

<script src="{{url('libs/jquery/jquery.min.js')}}"></script>
<script src="{{url('libs/bootstrap/js/bootstrap.bundle.min.js')}}"></script>
<script src="{{url('libs/metismenu/metisMenu.min.js')}}"></script>
<script src="{{url('libs/simplebar/simplebar.min.js')}}"></script>
<script src="{{url('libs/node-waves/waves.min.js')}}"></script>

<!-- apexcharts -->
<script src="{{url('libs/apexcharts/apexcharts.min.js')}}"></script>

<script src="{{url('js/pages/dashboard.init.js')}}"></script>

<!-- App js -->
<script src="{{url('js/app.js')}}"></script>
@yield('theme_script')

刀片正在加載，但與某些 css 和 js 相關的功能無法正常工作。 所有文件都正確鏈接並加載到視圖頁面源中。

注意：我也嘗試使用“npm run dev”來編譯文件。

Answer 1

我找到了這個問題的解決方案，實際上我使用 url() 助手 function 來鏈接 css/js 路徑。 我對文件進行了兩項更改：

1) I put all files in a folder as it was placed in a default html template.
2) I used URL::asset() OR asset() helper function to link my files.

之后我清除緩存並運行項目。 它剛剛奏效。

在 Laravel 中集成自定義 HTML SASS 模板

問題描述

1 個解決方案

解決方案1
0 2021-03-23 11:50:40

在 Laravel 中集成自定義 HTML SASS 模板

問題描述

1 個解決方案

解決方案1 0 2021-03-23 11:50:40

解決方案1
0 2021-03-23 11:50:40