Laravel 5网站中的CSS和JavaScript文件

我的Laravel5.5网站上有很多

CSS

和

JavaScript

文件，这导致加载速度缓慢。我怎样才能解决这个问题？以下是文件：

<link rel="stylesheet" href="css/EdusecCustome.css">
<link rel="stylesheet" href="css/thead.css">
<link rel="stylesheet" href="css/AdminLTE-rtl.css">
<link href="/css/AdminLTE.css" rel="stylesheet">
<link rel="stylesheet" href="{{ asset('css/app.css') }}">
<link rel="stylesheet" href="css/bootstrap-rtl.css">
<link href="css/jquery.dataTables.min.css"rel="stylesheet">
<link rel="stylesheet"href="css/responsive.dataTables.min.css">
<link href="css/fixedColumns.dataTables.min.css"rel="stylesheet">
<link href="css/buttons.dataTables.min.css" rel="stylesheet">
<link href="css/stylepanel.css" rel="stylesheet">
<link href="css/ionicons.min.css" rel="stylesheet">
<link href="css/font-awesome.min.css" rel="stylesheet">
<link href="font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css">
<link rel="stylesheet" href="css/jquery.timepicker.min.css">
<link href="css/dataTables.tableTools.css" rel="stylesheet">

<script src="js/jquery-3.2.1.min.js"></script>
<script src="js/pdfmake.js" charset="utf-8"></script>
<script src="js/vfs_fonts_times_new_roman.js"></script>
<script src="/js/jquery.js"></script>
<script src="/js/bootstrap.js"></script>
<script src="/js/app.js"></script>
<script src="js/jquery.dataTables.min.js"></script>
<script src="js/datatables.bootstrap.js"></script>
<script src="js/dataTables.buttons.js"></script>
<script src="js/buttons.flash.js"></script>
<script src="js/buttons.html5.js"></script>
<script src="js/buttons.colVis.min.js"></script>
<script src="js/buttons.print.js"></script>
<script src="js/dataTables.responsive.min.js"></script>
<script src="js/dataTables.fixedColumns.min.js"></script>
<script src="js/dataTables.rowReorder.min.js"></script>
<script src="js/dataTables.tableTools.js"></script>
<script src="js/jquery.timepicker.js"></script>

我相信可以解决您的问题。它使用Webpack和npm来编译您的资产，您可以阅读Webpack和npm。

我相信可以解决您的问题。它使用Webpack和npm来编译您的资产，您可以阅读有关Webpack和npm的信息。

您可以使用它，它将在一个文件中以最小化的方式构建这些文件css（使用js和相同的操作）。看看我下面的例子：

let mix=require（'laravel-mix'）；
/*
|--------------------------------------------------------------------------
|混合资产管理
|--------------------------------------------------------------------------
|
|Mix提供了一个干净、流畅的API，用于定义一些Webpack构建步骤
|用于您的Laravel应用程序。默认情况下，我们正在编译Sass
|文件以及捆绑所有JS文件。
|
*/
混合风格([
'resources/assets/admin/bootstrap/css/bootstrap.min.css'，
'resources/assets/admin/font-awesome/4.5.0/css/font-awesome.min.css'，
'resources/assets/admin/ionicons/2.0.1/css/ionicons.min.css'，
'resources/assets/admin/plugins/iCheck/minimal/_all.css'，
'resources/assets/admin/plugins/datepicker/datepicker3.css'，
'resources/assets/admin/plugins/select2/select2.min.css'，
'resources/assets/admin/plugins/datatables/datatables.bootstrap.css'，
'resources/assets/admin/dist/css/AdminLTE.min.css'，
'resources/assets/admin/dist/css/skins/_all-skins.min.css'
]“public/css/admin.css”）；
js（'resources/assets/admin/bootstrap/js/bootstrap.min.js'，'public/js'）
混合脚本([
'resources/assets/admin/plugins/jQuery/jQuery-2.2.3.min.js'，
'resources/assets/admin/bootstrap/js/bootstrap.min.js'，
'resources/assets/admin/plugins/select2/select2.full.min.js'，
'resources/assets/admin/plugins/datepicker/bootstrap datepicker.js'，
'resources/assets/admin/plugins/datatables/jquery.datatables.min.js'，
'resources/assets/admin/plugins/datatables/datatables.bootstrap.min.js'，
'resources/assets/admin/plugins/slimScroll/jquery.slimScroll.min.js'，
'resources/assets/admin/plugins/fastclick/fastclick.js'，
'resources/assets/admin/plugins/iCheck/iCheck.min.js'，
'resources/assets/admin/dist/js/app.min.js'，
'resources/assets/admin/dist/js/demo.js'，
'resources/assets/admin/dist/js/scripts.js'
]“public/js/admin.js”）；
mix.copy（'resources/assets/admin/bootstrap/font'，'public/font'）；
mix.copy（'resources/assets/admin/dist/font'，'public/font'）；
混合。复制（‘资源/资产/管理/地区/img’、‘公共/img’）；
copy（'resources/assets/admin/plugins/iCheck/minimal/blue.png'，'public/css'）；
混合风格([
'resources/assets/front/css/bootstrap.min.css'，
'resources/assets/front/css/font-awesome.min.css'，
“resources/assets/front/css/animate.min.css”，
'resources/assets/front/css/owl.carousel.css'，
'resources/assets/front/css/owl.theme.css'，
'resources/assets/front/css/owl.transitions.css'，
“resources/assets/front/css/style.css”，
'resources/assets/front/css/responsive.css'
]“public/css/front.css”）；
混合脚本([
'resources/assets/front/js/jquery-1.11.3.min.js'，
'resources/assets/front/js/bootstrap.min.js'，
'resources/assets/front/js/owl.carousel.min.js'，
'resources/assets/front/js/jquery.stickit.min.js'，
'resources/assets/front/js/menu.js'，
'resources/assets/front/js/scripts.js'
]“public/js/front.js”）；
mix.copy（'resources/assets/front/font'，'public/font'）；
mix.copy（‘资源/资产/封面/图片’、‘公共/图片’）；
mix.copy（'resources/assets/admin/dist/img'、'public/img'）

您可以使用，它将在一个文件中以最小化的方式构建这些文件css（使用相同的操作）。看看我下面的例子：

let mix=require（'laravel-mix'）；
/*
|--------------------------------------------------------------------------
|混合资产管理
|--------------------------------------------------------------------------
|
|Mix提供了一个干净、流畅的API，用于定义一些Webpack构建步骤
|用于您的Laravel应用程序。默认情况下，我们正在编译Sass
|文件以及捆绑所有JS文件。
|
*/
混合风格([
'resources/assets/admin/bootstrap/css/bootstrap.min.css'，
'resources/assets/admin/font-awesome/4.5.0/css/font-awesome.min.css'，
'resources/assets/admin/ionicons/2.0.1/css/ionicons.min.css'，
'resources/assets/admin/plugins/iCheck/minimal/_all.css'，
'resources/assets/admin/plugins/datepicker/datepicker3.css'，
'resources/assets/admin/plugins/select2/select2.min.css'，
'resources/assets/admin/plugins/datatables/datatables.bootstrap.css'，
'resources/assets/admin/dist/css/AdminLTE.min.css'，
'resources/assets/admin/dist/css/skins/_all-skins.min.css'
]“public/css/admin.css”）；
js（'resources/assets/admin/bootstrap/js/bootstrap.min.js'，'public/js'）
混合脚本([
'resources/assets/admin/plugins/jQuery/jQuery-2.2.3.min.js'，
'resources/assets/admin/bootstrap/js/bootstrap.min.js'，
'resources/assets/admin/plugins/select2/select2.full.min.js'，
'resources/assets/admin/plugins/datepicker/bootstrap datepicker.js'，
'resources/assets/admin/plugins/datatables/jquery.datatables.min.js'，
'resources/assets/admin/plugins/datatables/datatables.bootstrap.min.js'，
'resources/assets/admin/plugins/slimScroll/jquery.slimScroll.min.js'，
'resources/assets/admin/plugins/fastclick/fastclick.js'，
'resources/assets/admin/plugins/iCheck/iCheck.min.js'，
'resources/assets/admin/dist/js/app.min.js'，
'resources/assets/admin/dist/js/demo.js'，
'resources/assets/admin/dist/js/scripts.js'
]“public/js/admin.js”）；
mix.copy（'resources/assets/admin/bootstrap/font'，'public/font'）；
mix.copy（'resources/assets/admin/dist/font'，'public/font'）；
混合。复制（‘资源/资产/管理/地区/img’、‘公共/img’）；
copy（'resources/assets/admin/plugins/iCheck/minimal/blue.png'，'public/css'）；
混合风格([
“资源/驴