twitter-bootstrap - Laravel Elixir : Gulp won't compile Bootstrap Sass files

标签 twitter-bootstrap laravel-5 laravel-elixir

所以我从 Laravel 5、Elixir 和 Bower 开始,并遵循 laravel-news 上发布的指南.

我设法编译了所有脚本,但 Gulp 不会编译 Bootstrap Sass 文件,即使它显示 Finished 'sass' after 228 ms。 这是我的 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 上运行并更新了所有应用程序、依赖项等。
this stackoverflow post 中所述我检查了 Elixir 是否是最新版本,确实是(*,没有具体版本)。

有办法调试 Elixir 吗?我还没有找到任何与此相关的信息。

<小时/>

解决方案发布于this answer

最佳答案

解决方案:
这不是错误的路径,而是我误解了该函数的文档。 includePaths: 不会告诉 Sass 将它们包含到 CSS 文件中。它告诉 Sass 在哪里查找使用 @import 导入的文件。

gulpfile.js

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'
  ]
});

resources/assets/sass/app.scss

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

通过这段代码,我能够编译 CSS 文件。

完整代码可以在 InvoicePlane repo at Github 找到.

关于twitter-bootstrap - Laravel Elixir : Gulp won't compile Bootstrap Sass files,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28331203/

相关文章:

php - 在 Laravel 中使用 SQL 进行连接内连接和记录计数

laravel - 如何在不使用路由的情况下管理 React Js 到多页面应用程序?

node.js - 在 Laravel 项目中安装 NodeJS、Gulp 和 Elixir

css - 当使用 Laravel Elixir 编译 Sass(就像 Compass 那样)时,如何让 SCSS 行号显示在 CSS 文件中?

javascript - 开/关 : switch button bootstrap

html - Bootstrap 4 轮播不按预期运行

html - 我无法更改左侧边栏背景颜色?

php - Laravel 5 和委托(delegate)。如何同时保存用户和附加角色

json - 如何使用 Bootstrap config.json 文件?

php - Laravel 查询生成器检索到错误的 ID