将 less.js 导入 laravel 5.1

Posted 2023-03-14

【中文标题】将 less.js 导入 laravel 5.1

【英文标题】：Importing less.js to laravel 5.1

【发布时间】：2016-03-06 04:35:04

【问题描述】：

我很难让我的项目检测到我的 less.js 文件夹。

我使用的是 laravel 5.1，但我不确定将 less.js 文件夹放在哪里 - 因为对于 Bootstrap 和 jQuery，我只是从 URL 导入了 src。

我目前有我下载的less.js 文件夹：

resources > assets > less > 我下载的less.js文件夹

当我试图弄清楚这一点时，我的视图中目前有我的styles.less。

我的app.php头像：

<link rel="stylesheet/less" type="text/css" href="styles.less" />
<script src="less.js" type="text/javascript"></script>

如果有人能快速告诉我将文件夹放在哪里，我将不胜感激！

谢谢！

编辑：

截图：

http://imgur.com/a/SDmE3/all

edit2：

http://imgur.com/a/8vQTm/all

有问题的错误：

状态 500 类型脚本，

http://localhost:8000/reviewcourse/%3C!DOCTYPE%20html%3E%3Chtml%3E%20%20%20%20%3Chead%3E%20%20%20%20%20%20%20%20%3Cmeta%20charset=

【参考方案1】：

只有在public/ 文件夹中发布的资产可用。所以，你需要把文件放在那里：

public/assets/less/download_folder/less.js

然后加载它：

<script src="!! url('assets/less/download_folder/less.js') !!" type="text/javascript"></script>

另一种方式/解决方案是通过Elixir 将资产从/resources 发布到public/：

elixir(function(mix) 
    // location, origin
    mix.copy('assets/less/download_folder/less.js', 'resources/assets/less/folder/less.js');
);

编辑

我会假设less.js 在public/assets/less/lessjs/dist/less.js 的内部。然后，将其加载为：

<script src="!! url('assets/less/lessjs/dist/less.js') !!" type="text/javascript"></script>

【讨论】：

好吧，您需要了解resources/ 下的文件将永远无法用于浏览器。您的文件必须保留在public/ 文件夹中

现在更改，对不起，我是 真的 laravel 新手！

仅当您通过Elixir 管理资产时才可以将文件拖放到resources/，因为它使用了一个名为Gulp 的NodeJS 模块。如果你对 Elixir 没有信心，那么直接将文件放到public/ 没有问题:)

更新显示文件移动到public/的帖子，然后我们可以看到新路径。

每个文件只需要保持公开。 .less 文件也一样，并以与其他文件相同的方式加载它

【参考方案2】：

在你的 html 头部使用这个脚本

<script src="!! asset('less/less.js') !!" type="text/javascript"></script>

【讨论】：

收到此错误：“GET localhost:8000/reviewcourse/…”

对不起我的错字，我已经编辑了我的答案，它不是资产而是资产