如何在Laravel中编译所有管理CSS和JS文件?

时间:2019-07-08 05:58:18

标签: laravel laravel-mix mix

我是Laravel Mix的新手,无法理解如何编译刀片文件中包含的CSS和JS文件。大多数CSS和JS都是从admin主题加载的,因此,请您指导我如何编译刀片式服务器资产。

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
    <title>Sign In | {{ config('app.name') }}</title>
    <!-- Favicon-->
    {{ Html::favicon('template/favicon.ico') }}
    <!-- Google Fonts -->
    <link href="//fonts.googleapis.com/css?family=Roboto:400,700&subset=latin,cyrillic-ext" rel="stylesheet" type="text/css">
    <link href="//fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet" type="text/css">
    <!-- Bootstrap Core CSS -->
    {{ Html::style('template/plugins/bootstrap/css/bootstrap.css') }}
    <!-- Waves Effect CSS -->
    {{ Html::style('template/plugins/node-waves/waves.css') }}
    <!-- Animation CSS -->
    {{ Html::style('template/plugins/animate-css/animate.css') }}
    <!-- Custom CSS -->
    {{ Html::style('template/css/style.css') }}
</head>
<body class="login-page">
    <div class="login-box">
        <div class="logo">
            <a href="{{ url('/') }}">{{ config('app.name') }}</a>
        </div>
    </div>
    <!-- Jquery Core JS -->
    {{ Html::script('template/plugins/jquery/jquery.min.js') }}
    <!-- Bootstrap Core JS -->
    {{ Html::script('template/plugins/bootstrap/js/bootstrap.js') }}
    <!-- Waves Effect Plugin JS -->
    {{ Html::script('template/plugins/node-waves/waves.js') }}
    <!-- Validation Plugin JS -->
    {{ Html::script('template/plugins/jquery-validation/jquery.validate.js') }}
    <!-- Custom JS -->
    {{ Html::script('template/js/admin.js') }}
    {{ Html::script('template/js/pages/examples/sign-in.js') }}
</body>
</html>

0 个答案:

没有答案