【问题标题】:Laravel JS FilesLaravel JS 文件
【发布时间】:2018-10-02 23:40:12
【问题描述】:

我的问题很简单,我应该在哪里存储像 bootstrap.js 这样的 js 文件或我自己的文件? 我发现了这个 Where should I store JS in Laravel 5?

但我真的不明白我应该如何将它包含在我的视图中以供使用。

【问题讨论】:

  • Laravel frontendLaravel mix。这应该会让你走上正确的道路
  • 您将原始 LESS、SCSS、JS 文件放入 resources/assets,然后使用预处理器,例如Webpack、Gulp、Grunt,将它们编译到public 目录。上面链接的 Laravel Mix 有助于简化这个过程。

标签: javascript php laravel laravel-5.6


【解决方案1】:

如果您在下面提到的链接中使用两种情况中的任何一种

我可以在 2 个地方存储 javascript:resources/assets/javascripts 和 public/js。

如果你把文件放在 resources/assets/javascripts 中,那么应该添加 gulp 任务将它们复制到 public/js 文件夹中,这样它最终会出现在 public/js 文件夹中。

2) 可以直接将这些文件放到public/js中。

然后你可以在你的布局文件或任何像这样的刀片文件中调用它

<script src="{{ asset('/js/bootstrap.js') }} "></script>

如果你使用 laravelcollective/html 表单,那么你也可以这样做

{{ Html::script('js/bootstrap.js') }}

【讨论】:

  • 我认为这是正确的答案,但是现在我有另一个,为什么我在将它们存储在resources/assets/js中时要使用gulp/elixir/mix进行编译而不是直接存储在公众/js ?
  • @JulianMendez 编译或直接存储在 js 中是个人选择。也可以直接存储在 public/js 中。 Gulp/elixir/mix 可以 uglify 和压缩 js 文件等等。因此,如果您的项目使用许多 js 库,则将它们存储在 resources/assets/js 中,您可以通过指定任务文件来混合和缩小这些 js 并复制到 public/js 的一个文件中。它将变得易于管理。就是这样。
【解决方案2】:
  1. 你可以把它放在 public/js 文件夹中
  2. 然后你可以像往常一样将它添加到页眉或页脚中,如&lt;script src="{{ asset('assets/js/bootstrap.js') }} " type="text/javascript"&gt;&lt;/script&gt;

【讨论】:

  • #2 不正确。 resources/assets/js 目录不可通过网络访问(如果 Laravel 配置正确),所以这不起作用。
  • 公共文件夹将可以访问,我已经更新了我的答案。
猜你喜欢
  • 2019-08-03
  • 2021-01-04
  • 2018-10-22
  • 2016-04-21
  • 2020-02-18
  • 1970-01-01
  • 2021-10-05
  • 2021-04-10
  • 2015-09-13
相关资源
最近更新 更多