Laravel-如何配置CSS和JS文件

如何解决Laravel-如何配置CSS和JS文件

我有一个使用laravel的项目，并且已经为webpack配置了以下文件，但是在我的模板中，我使用了一个文件“ head.blade.PHP”，在其中加载了所有供应商，我使用了jquery，boostrap，moment。 ..等

当我上传此文件并通过google页面速度或其他服务的性能测试时，它告诉我我有20多个JS压缩它们，但我不知道该怎么做。

文件webpack.mix.js

const mix = require('laravel-mix');

mix.scripts([
    'resources/js/app.js','resources/js/bootstrap.js'
],'public/js/app.js').extract([
],'public/js/vendors.js').version();

mix.scripts([
    'resources/js/cars.js',],'public/js/cars.js').extract([
],'public/js/vendors.js').version();

mix.scripts([
    'resources/js/customers.js','public/js/customers.js').extract([
],'public/js/vendors.js').version();

mix.js('resources/js/bootstrap-table-es-ES.js','public/js');

mix.js('resources/js/app.js','public/js')
    .sass('resources/sass/app.scss','public/css');

Head.blade.PHP

<Meta charset="utf-8">
<Meta content="width=device-width,initial-scale=1.0" name="viewport">

<Meta content="" name="descriptison">
<Meta content="" name="keywords">


<!-- vendor CSS Files -->
<link href="{{ asset('assets/vendor/bootstrap/css/bootstrap.min.css') }}" rel="stylesheet">
<link href="{{ asset('assets/vendor/icofont/icofont.min.css')  }}" rel="stylesheet">
<link href="{{ asset('assets/vendor/Boxicons/css/Boxicons.min.css')  }}" rel="stylesheet">
<link href="{{ asset('assets/vendor/remixicon/remixicon.css')  }}" rel="stylesheet">
<link href="{{ asset('assets/vendor/venoBox/venoBox.css')  }}" rel="stylesheet">

<!-- Template Main CSS File -->
<link href="{{ asset('assets/css/style.css')  }}" rel="stylesheet">

{{--JQUERY--}}
<script src="{{ asset('assets/vendor/jquery/jquery-3.5.1.min.js') }}"></script>

{{--BOOTSTRAP-TABLES--}}
<link rel="stylesheet" href="{{ asset('assets/vendor/boostrap-tables/bootstrap-table.min.css')  }}">
<script src="{{ asset('assets/vendor/boostrap-tables/bootstrap-table.min.js')  }}"></script>
<script src="{{ asset('assets/vendor/boostrap-tables/bootstrap-table-es-ES.min.js')  }}"></script>

<script src="{{ asset('assets/vendor/popper/popper.min.js')  }}"></script>
<script src="{{ asset('assets/vendor/bootstrap/js/bootstrap.min.js')  }}"></script>
<script src="{{ mix('/js/bootstrap-table-es-ES.js') }}"></script>


<link type="text/css" rel="stylesheet" href="{{ mix('css/app.css') }}">
<script src="{{ asset('assets/vendor/moment/moment.min.js') }}"></script>

<script src="{{ mix('/js/app.js') }}"></script>

感谢，