Question

我已将bower的bootstrap安装到/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会发生什么）。所以我很困惑我应该用什么路径来导入bootstrap less文件。

Answer 1

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

当您使用不带前导/（@import '/vendor/）的导入路径时，编译器将从app.less（less/vendor）搜索相对值。使用前导/，它会尝试在系统的/vendor/文件夹中找到该文件（绝对路径）。

Answer 2

您可以更改app.less @import，如下所示：

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

为我们工作

Laravel + Elixir：导入bootstrap less错误

2 个答案: