如何在使用 laravel 6 中导入自定义 javascript 和 css 文件答案

【问题标题】：How to import Custom javascript and css files in Using laravel 6如何在使用 laravel 6 中导入自定义 javascript 和 css 文件
【发布时间】：2019-09-19 12:20:25
【问题描述】：

我开始使用 Laravel，在撰写本文时它是 6.0。我需要在我的项目中导入自定义 JS 和 CSS 文件。

在 Laravel 6 中形成文件结构，resources 文件夹中有一个 js/ 和 /sass 文件。我在那里创建了一个 script.js 和一个 style.css 文件。我尝试使用代码调用他们

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

和

    <link href='{{ asset('sass/style.css')}}'>

但我的控制台日志显示

    GET http://127.0.0.1:8000/js/app.js net::ERR_ABORTED 404

在 Laravel 6 中有没有一种新的方式来调用这些文件。

【问题讨论】：

标签： javascript css laravel-6

【解决方案1】：

基本上，函数asset() 将在公用文件夹中查找文件。由于 laravel 从公用文件夹开始。

在公共上创建新文件夹js & sass 然后将您的文件移动到新文件夹中。

公用文件夹主机的资产，例如图像、JavaScript 和 CSS。更多信息请查看laravel structure。

resources/js & sass 文件夹中的文件应该用laravel mix 编译到公用文件夹，当你学习了 80% 的 laravel 时你应该试试这个。

【讨论】：

感谢您的回复。我现在明白了，而且我已经尝试过 laravel mix。