如何在流明上的刀片文件中导入库？答案

【问题标题】：How do i import libraries in a blade file on lumen?如何在流明上的刀片文件中导入库？
【发布时间】：2018-08-14 14:25:48
【问题描述】：

所以我有这个 php.blade 视图，我想用流明返回。

layout.blade.php

    <head>
    <!--AXIOS-->

    <script src="https://unpkg.com/axios/dist/axios.min.js"></script>

     <!--JQUERY-->

     <script src="{{ asset("libraries/go-debug.js") }}"></script>
     <script src="{{ asset("libraries/jquery-3.2.1.min.js") }}"></script>



     <!--MATERIALIZE-->

     <link type="text/css" rel="stylesheet" href="{{ asset("libraries/materialize/css/materialize.min.css") }}"  media="screen,projection"/>
     <script type="text/javascript" src="{{ asset("libraries/materialize/js/materialize.min.js") }}"></script>

     <meta name="viewport" content="width=device-width, initial-scale=1.0"/>

     <!--ICONE MATERIALIZE-->

     <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">

     <!--CSS IMPORTATO-->
    <link type="text/css" rel="stylesheet" href="{{ asset("loginPage/login.css") }}">


    @yield('head')

    </head>

     <body>
           @yield('body')
     </body>
    </html>

@extends('layout')

@section('imports')
    <title>Login Page</title>
@stop

@section('body')
    <script src="{{ asset("loginPage/login.js") }}"></script>
    <!--NAVBAR-->
    <nav>
        <div class="nav-wrapper">
            <a href="#" class="brand-logo center">Logo</a>
            <ul id="nav-mobile" class="right hide-on-med-and-down">
                <li><a href="index.html"><i class="material-icons" style="font-size:36px;">home</i></a></li>
            </ul>
        </div>
    </nav>

    <div class="row">
        <div class="col s12 m2" id="center">
          <div class="card">
            <div class="card-image">
              <img src="image/logo.jpg" class="responsive-img" id="logo" style="width:200px; height:200px;">
              <span class="card-title">Card Title</span>
            </div>
            <div class="card-content">
              <p>I am a very simple card. I am good at containing small bits of information.
              I am convenient because I require little markup to use effectively.</p>
              <div class="fb-login-button" data-width="">
              </div>
            </div>
            <div class="card-action">
            </div>
          </div>
        </div>
      </div>
@stop

在此视图中，您可以看到我正在尝试导入诸如物化、css 和 js 脚本之类的库。

问题是 lumen 在他的路径中找不到这些文件，甚至无法通过互联网调用。

这是路径的图片

我该如何解决这个问题？

【问题讨论】：

标签： php laravel import blade lumen

【解决方案1】：

据我所知，所有资源都必须在public文件夹内。

例如

public/js/libraries/jquery-3.2.1.min.js

移动它们之后，您可以按照以下方式更改代码：

layout.blade.php

<script src="{{ asset("js/libraries/jquery-3.2.1.min.js") }}"></script>

注意，在你的情况下，你必须在 public 下移动：

库
引导
登录页面

如果您有自己的 scss 或 js 来编译，请看这里：https://laravel.com/docs/5.6/mix

编辑

Lumen 不提供您可能想要使用的 asset 辅助函数 url 例如

<script src="{{ url("js/libraries/jquery-3.2.1.min.js") }}"></script>

如果你愿意，当然可以创建自己的资产辅助函数，看看这里：

https://laracasts.com/discuss/channels/lumen/extend-helper-functions-to-lumen?page=0

或

How to do {{ asset('/css/app.css') }} in Lumen?

【讨论】：

它给了我一个错误。调用未定义的函数asset()
你能告诉我你的新刀片文件更新你的答案吗？
非常感谢功能 url 工作得很好。所以我需要 url helper 来导入文件？
很高兴它有帮助。老实说，我不知道流明，但在 laravel 中，您需要帮助器“资产”来加载文件。无论如何回答你的问题，是的，你只需要那个