Twitter bootstrap 拉拉维尔长生不老药：大口大口赢得'；t编译引导Sass文件

所以我从《拉威尔5号》、《长生不老药》和《鲍尔》开始，并遵循了上一期出版的指南

我设法编译了所有脚本，但Gulp不会编译引导Sass文件，即使它在228毫秒后说

完成了“Sass”

。 这是我在gulpfile atm机上的东西：

var paths = {
    'bootstrap': './vendor/bower_components/bootstrap-sass-official/assets/'
}

elixir(function(mix) {
    mix.sass("style.scss", 'public/css/', {includePaths: [paths.bootstrap + 'stylesheets/']})
});

但是当我运行gulp时，没有

css

包含css文件的目录。
有什么问题吗？我真的不知道有什么问题

我在Mac OSX（10.10）、MAMP上运行，并更新了所有应用程序、依赖项等。
如中所述，我检查了Elixir是否为最新版本，是否为（

*

且无特定版本）

有没有办法调试长生不老药？我没有发现这方面的任何情况

---

---

解决方案发布在

我认为问题在于你的路径

根据，假定您的scss文件位于

resources/assets/sass

中。Elixir对bower的默认配置路径是

供应商/bower\u组件

，这似乎也是您想要指出的。如果需要更改，只需在项目根目录中创建一个带有新bower路径的

elixir.json

文件

{
  bowerDir: 'your/new/path'
}

Bootstrap的SCS已经包含在Elixir的

配料/sass.js

中

includePaths: [elixir.config.bowerDir + "/bootstrap-sass-official/assets/stylesheets"]

另外，在

sass（）

参数中包含默认的css输出路径。因此，如果您的自定义scss文件是

resources/assets/scss/style.scss

，并且

vendor/bower\u components/bootstrap sass official/assets/stylesheets

是您只需要的有效路径

elixir(function(mix) {
  mix.sass("style.scss");
});

---

它将把你的SCS编译成

public/css

。根据我的经验，我的bower安装已经进入了

/bower\u组件
。我认为教程所基于的Laravel的beta版包含了一个
.bowerrc
文件，它告诉bower在
供应商
目录中安装库。在稳定安装中，我没有
.bowerrc
文件。希望这有帮助
 另一种解决方案是使用此行编译位于供应商文件夹中的sass或更少文件：

mix.less("../../../vendor/twbs/bootstrap/less/bootstrap.less");

注意：我使用了“composer require twbs/boostrap”来获得完整的包。不需要凉亭

编辑：

我将编译后的css文件输出到资源文件夹，以将其与其他css文件合并：

mix.less("../../../vendor/twbs/bootstrap/less/bootstrap.less", 'resources/css');


mix.styles([
    "bootstrap.css"
], 'public/css/app.css');

解决方案：

这不是错误的路径，更重要的是我误解了函数的文档。
includePath:
不会告诉Sass将它们包含到CSS文件中。它告诉Sass在哪里查找使用
@import
导入的文件

gulpfile.js

资源/资产/sass/app.scss

有了这段代码，我能够编译一个CSS文件

完整的代码可以在中找到

var bower_path = "./vendor/bower_components";
var paths = {
  'jquery'     : bower_path + "/jquery/dist",
  'bootstrap'  : bower_path + "/bootstrap-sass-official/assets",
  'fontawesome': bower_path + "/fontawesome"
};

mix.sass("app.scss", "public/assets/css", {
  includePaths: [
    paths.bootstrap + '/stylesheets',
    paths.fontawesome + '/scss'
  ]
});

@import "bootstrap";
@import "font-awesome";