3

そこで、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 で実行しており、すべてのアプリ、依存関係などを更新し
ています*。

Elixirをデバッグする方法はありますか? 私はこれについて何も見つけていません。

この回答に投稿されたソリューション

4

3 に答える 3

2

解決策:
間違ったパスではありませんでしたが、関数のドキュメントを誤解していました。はincludePaths:、それらを CSS ファイルに含めるように Sass に指示しません。でインポートされたファイルを探す場所を 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'
  ]
});

リソース/資産/sass/app.scss

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

このコードを使用して、CSS ファイルをコンパイルできました。

完全なコードは、Github の InvoicePlane リポジトリにあります。

于 2015-07-30T10:06:20.243 に答える
0

別の解決策は、次の行を使用して、ベンダー フォルダーにある 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');
于 2015-02-21T12:32:38.817 に答える
0

問題はあなたの道だと思います。

ドキュメントによると、scss ファイルはresources/assets/sass. bower の Elixir のデフォルト設定パスはvendor/bower_componentsです。変更する必要がある場合elixir.jsonは、プロジェクトのルートに新しい bower パスでファイルを作成するだけです。

{
  bowerDir: 'your/new/path'
}

Bootstrap の scss はすでに Elixir のingredients/sass.js.

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

また、sass()引数にデフォルトの css 出力パスを含めています。したがって、カスタムscssファイルが有効なパスresources/assets/scss/style.scssでvendor/bower_components/bootstrap-sass-official/assets/stylesheetsある場合は、必要なだけです

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

そして、scss を にコンパイルしますpublic/css。私の経験では、bower のインストールは/bower_components. そのチュートリアルが基づいていたLaravelのベータ版リリースには.bowerrc、ディレクトリにライブラリをインストールするようにbowerに指示するファイルが含まれていたと思いますvendor。安定したインストールでは、ファイルがありません.bowerrc。お役に立てれば！

于 2015-02-06T09:45:04.823 に答える