問題タブ [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がコマンドラインで何らかのフィードバックを提供すると、非常に役立ちます。