【问题标题】:Laravel + Elixir: importing bootstrap less errorLaravel + Elixir:导入引导程序较少错误
【发布时间】:2015-06-21 09:42:40
【问题描述】:

我已将带有凉亭的引导程序安装到 /vendor/bower_components 文件夹中。我也有一个带有此导入的 app.less 文件:

@import '/vendor/bower_components/bootstrap/less/bootstrap';

暂时它起作用了,当我运行 gulp 时,我编译了 public.css,一切都很顺利。但是,我重新安装了 npm/nvm/gulp/bower 之类的东西,然后在运行 gulp 时出现错误:

[15:19:07] gulp-notify: [Laravel Elixir] Less Compilation Failed!: '/vendor/bower_components/bootstrap/less/bootstrap.less' wasn't found. Tried - /vendor/bower_components/bootstrap/less/bootstrap.less in file /var/www/rld/resources/assets/less/app.less line no. 1

实际上,如果我从导入路径中删除 /(反斜杠),它会起作用,但我不太明白应该在我的主 app.less 中使用什么路径。它以前工作但现在坏了,但是在我的另一台计算机上它工作正常(不确定我是否重新安装 gulp 会发生什么)。所以我很困惑我应该使用什么路径来导入少引导文件。

【问题讨论】:

    标签: twitter-bootstrap less gulp laravel-elixir


    【解决方案1】:

    另请参阅https://github.com/plus3network/gulp-less#options,尤其是paths 选项。

    当您使用不带前导 / (@import '/vendor/) 的导入路径时,编译器将从 app.less (less/vendor) 搜索相对路径。使用前导 / 它将尝试在系统上的 /vendor/ 文件夹中查找文件(绝对路径)。

    【讨论】:

    • 我只是对为什么行为发生了变化感到困惑。它总是与前导“/”一起使用,就像我有 /var/www/myproject 并使用 @import“/vendor/bower_components..”一样,gulp 总是在项目根目录中搜索。无论如何,我对 gulp 的经验并不多,我使用 laravel elixir,如何更改路径选项?顺便谢谢:)
    【解决方案2】:

    你可以改变你的 app.less @import 如下:

    @import "../../../vendor/bower_components/bootstrap/less/bootstrap";
    

    为我们工作

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 2021-11-13
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2014-06-27
      • 1970-01-01
      • 2014-03-26
      相关资源
      最近更新 更多