所以我从 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/