問題タブ [laravel-elixir]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
laravel - Laravel 5でCSSファイルをapp.cssに追加するには?
Laravel 5 と Elixir を使用しています。
app.scss
どのインポート_bootstrap.csss
(bower によってインストール) があり、これらのファイルは 1 つのファイルにコンパイルされますpublic/css/app.css
。
また、他の依存関係 (bower によってインストールされた) にいくつかの CSS ファイルがあり、それらを に追加したいと考えていpublic/css/app.css
ます。
どうすればいいですか?
css - 資産管理 - 連結およびバージョン管理後の相対資産への参照の維持
L5 と Elixir がまだ開発中であることは知っていますが、自分のコードを再編成する方法を考え始めることに興奮しています。私の質問は、L5 と Elixir のコンテキストでの資産管理に関係していると思います。
連結とバージョン管理の処理方法を明確にしたい (私の場合、Elixir のstyles()
andを使用していversion()
ます)。私が抱えている問題は、concat/version の後の新しいファイルが新しいフォルダーに配置され、元の css または js ファイルからのアセットへの参照が壊れることです。
たとえば、元の CSS ファイルは機能しbackground-image: url('../img.png')
なくなります。いくつか試してみましたが、特にベンダー プラグインの場合、どちらも理想的ではありません。
- 必要なアセットを 1 つずつ (アセットのフォルダーごとに mix.copy() を使用して) 新しいビルド パス (つまり、Elixir のバージョン管理で使用されるビルド パス) に移動します。
- 各アセット ファイルのパスを手動で編集して絶対パスを参照する
これらのオプションは両方とも機能しますが、何かが足りないように感じます。また、javascript プラグイン (独自の画像、フォント、スタイルシートなどを備えたプラグインなど) を使用する場合にも、非常に実用的ではなくなります。
連結およびバージョン管理時に相対パスを管理するより実用的な方法はありますか?
laravel - 新しい Laravel 5 プロジェクトで LESS の代わりに SASS を使用する
新しい Laravel 5 インストールで LESS の代わりに SASS を使用するにはどうすればよいですか?
数週間前、SASS が選択されたプリプロセッサでしたが、それ以来、Taylor は Laravel を変更して、そのまま LESS を使用するようにしました。Laravel Elixir / Gulp はまだ SASS のコンパイルをサポートしていますが、そもそも SASS ファイルをプロジェクトに取り込む方法がわかりません。
誰かがステップのアイデアを持っている場合は、叫び声を上げてください.
laravel-elixir - mix.version() が期待どおりにビルドされない
これが私のミックスです:
ビルドディレクトリで期待される結果は、リビジョンのある以下のファイルになります。
- app.css
- vendor.js
- app.js
しかし、走った後、とgulp
しか得られませんでした。app.css
app.js
私のミックスに何か問題がありますか?
php - Laravel Elixir がスクリプトを結合しない
laravelをクリーンインストールしたところです。Elixir が私のスクリプトを結合していません。私は何が起こっているのか分かりません。スクリプト タスクがトリガーされているのがわかりますが、public/js ディレクトリにファイルが出力されません。
これは私の gulpfile.js です:
sass を適切にコンパイルします。
これはディレクトリ構造です: https://www.uploady.com/#!/download/221Y0RI_aYe/V7eKiQHIw2gvyXVD
css - Laravel 5 elixir: .scss ファイルをコンパイルして移動するにはどうすればよいですか?
私はlaravel-elixirの指示に従おうとしましたが、それを取得するためにまだ緑色に見えます.
elixir を使用して scss をコンパイルしresources/assets/scss/styles.scss
、ファイルを に出力したいと考えていますpublic/styles.css
。
.scss ファイルへのカスタム パスを設定するにはどうすればよいですか? ファイルはどこに出力されるので、.copy() で公開できますか?
私の styles.scss は次のようになります (はい、合計で 2 つのアセット フォルダーがあります。Laravels と私のものです):
実行時にgulpがコマンドラインで何らかのフィードバックを提供すると、非常に役立ちます。
私のgulp.js
twitter-bootstrap - Laravel Elixir: Gulp は Bootstrap Sass ファイルをコンパイルしません
そこで、Laravel 5、Elixir、Bower から始めて、laravel-newsで公開されているガイドに従いました。
すべてのスクリプトをコンパイルできましたが、Gulp は Bootstrap Sass ファイルをコンパイルしませんFinished 'sass' after 228 ms
。これは私のgulpfile atmにあるものです:
しかし、gulp を実行するcss
と、css ファイルを含むディレクトリがありません。
問題は何でしょうか?何が問題なのか本当にわかりません。
私は Mac OSX (10.10)、MAMP で実行しており、すべてのアプリ、依存関係などを更新し
ています*
。
Elixirをデバッグする方法はありますか? 私はこれについて何も見つけていません。
この回答に投稿されたソリューション
gulp - laravel elixir バージョン / ファイルのハッシュが機能しない
私はlaravel elixirを試していて、どうにかして縮小化することができall.css
ましたpublic/css/all.css
。バージョン管理しようとすると、コマンドはエラーなしで実行されますが、バージョン管理されたファイルが見つかりません。まるで何も起こっていないようです。のようなさまざまなパスを試しpublic/css/all.css
ましたが、成功しませんでした。私が間違ったことをしているということは、他に何がありますか?
これは gulpfile.js コマンドです:
解決済み:バージョン管理されたファイルが表示されますpublic/build/css
laravel - Laravel 5 Elixirスクリプトのコンポーネントが機能しない(ファイルが出力されない)
js ファイルを連結するための gulpfile があり、さらにコードがあり、Web サイトにさまざまなセクションがあり、ユーザーが使用しない css と js をダウンロードしたくないため、これを実行したいと考えています。現在、以下のコードを分離しましたが、最後の「関数」は何も出力していません。
ベースディレクトリを使用するように変更しようとしましたが、まだ何もありません:
何か案は?
編集:
真新しい laravel プロジェクト、新しい gulp ファイル、スクリプト コンポーネントは、2 つの js ファイルの 1 つだけを連結します (maskedinput.js の 1 つ、user.js は、両方が同じフォルダーにあり、そこにある唯一のファイルであっても完全に無視されます)。
version - Laravel Elixir - css と複数の js ファイルで .version を使用できない
Laravel Elixir に問題があります.version('xxxxxx.js')
。何らかの理由で、js ファイルを使用できないか、バージョン管理された複数の js ファイル.version
に加えて、または複数の js ファイルを使用できないように見えます。.css
私のlaravel-elixirの設定は次のとおりです: