【问题标题】:Importing less.js to laravel 5.1将 less.js 导入 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=

【问题讨论】:

    标签: javascript css laravel less


    【解决方案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.jspublic/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>
    

    【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2010-09-22
    • 2023-03-06
    • 1970-01-01
    • 1970-01-01
    • 2017-06-06
    • 2023-03-14
    • 2016-10-02
    • 1970-01-01
    相关资源
    最近更新 更多