問題タブ [laravel-elixir]

私のサイトには切り替え可能なテーマと色があり、可能なすべてのテーマと色の組み合わせを CSS ファイルとしてレンダリングするには、Elixir/Gulp が必要です。これが私のものgulpfile.jsです：

私には、これが実行されるように見えます。ループをテストしたところ、すべてのテーマと色の組み合わせがうまくいくことがわかりました。

ただし、実行すると、フォルダーが作成さbeta.green.cssれ、その中に2つのファイルmain.stylとgreen.styl.

1. 最後のコマンドだけでなく、すべての Stylus コマンドを生成するにはどうすればよいですか?
2. フォルダー内の 2 つの個別のファイルではなく、結果を 1 つのファイルに結合するにはどうすればよいですか?

gulpfile.js にこの (簡略化された) エリクサーがあるとします。

問題は、ファイルが変更されるたびに、タスクbowerとlessタスクの両方が実行されることです。
特定のウォッチ パス内のファイルが変更された場合にのみ実行を減らし、たとえば bower.json ファイルが変更された場合にのみ bower を実行する方法はありますか?

本当の問題は、他のタスクでは、監視プロセスが非常に遅くなり、更新するファイルが少なくなるたびに bower が実行されることです (これは無関係です)。

ありがとう！

mix.less ('app.less') がページを自動的にリロードした後に実行する必要があります。F5 gulpfile.js のたびに押さないもの

gulp browser-sync として使用することは可能ですか?

laravel 5.1 とブートストラップでアプリを開発しています。問題は、ブレッドクラムを使用すると、各セパレーターに追加の文字が含まれることです。次のように表示されますItem /\00a0 Item。ブートストラップ sass には、この文字をセパレーターに追加するための補間があることを発見しました。それで、私の質問は、何か間違ったことをしたのでしょうか、それともこれはエリクサーのバグですか??

編集

ブートストラップのファイル _breadcrumbs.scss には次のものがあります。

content: "#{$breadcrumb-separator}\00a0";

それを次のように変更すると

content : $breadcrumb-separator + \00a0;

正常に動作します。それが補間の問題だと私が言う理由です。

すべてのスクリプトを 1 つの縮小された JavaScript ファイルに結合したいのですが、それらを結合するのに問題があります。

ファイルは で作成されてresources/assets/compiled/jsいるので、次のものがあります。

• client.js
• site.js
• vendor.js
• viewmodels.js

実行される最後のタスクはscripts、4 つのファイルを結合するタスクです。エリクサーのログには次のように記載されています（出力を簡略化しました）：

• Browserify (ViewModel)
• CoffeeScript コンパイル済み
• 合併ベンダー
• サイトとヘルパーのマージ
• 結合スクリプトのマージ

...そして、これらは私が得るエラーメッセージです:

sassandでまったく同じことをしたところ、styles完全に機能しました。

はじめに: Gulp は、ローカル マシンで開発モードになるまで css/js ファイルを監視します。

次に、本番段階で、すべてのlaravelプロジェクトを本番（ライブ）サーバーにアップロードします。

問題: gulp と elixir をすべてインストールすると、laravel プロジェクトが非常に重くなります。

質問:node_modules Elixir を正常に動作させるために、本番サーバーでプロジェクトと共にロードする必要があるディレクトリ のファイルはどれですか?

ファイルを含めることを意味all.cssしますall.js

<link rel="stylesheet" href="{{ elixir('css/all.css') }}">

たぶん、それらすべてをロードする必要はありませんか？

Elixir で複数のファイルを混在コピーするにはどうすればよいですか?

これは動作しません：

以下を除くその他の提案:

私は、「Bower」と「Gulp」と Laravel の「Elixir」のすべてにまったく慣れていません。それらを使用するテンプレートを (残念ながら) 購入しましたが、それらを実装する方法について助けが必要です。すでに NPM と Bower をインストールしています。すべてのパッケージは次の場所にダウンロードされました。

これはスクリーンショットです:

ここで私の質問は、ダウンロードしたすべてのパッケージをビューに含めるにはどうすればよいですか? 私の理解では、ブラウザーで直接実行できるファイルが少なくて済みません。「ブラウザーのキャッシュ」などのために一度しか実行されません。また、JS スクリプトが多すぎてページに含めることができません。

自分のファイルで作業し、app.php ファイルで参照されているコンパイル済みファイルを使用して自動的にコンパイルする方法が必要です。

これは、私のテンプレートに含まれている GulpJS ファイルへのリンクです: http://pastebin.com/3PSN6NZY