問題タブ [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.
javascript - 2 つのエリクサー タスクを順番に実行する方法は?
このコードを見てください:
コメントを外すsetTimeout
と、console.log
出力を開始しtrue
ます。つまり、最初のタスクが完了していないときに 2 番目のタスクが開始されるということです。それらを次々と実行させる方法はありますか?
私が実際にやろうとしているのはbrowserify
、js ファイルに他のファイルを追加し (カスタム タスク)、version
その結果です。しかし、ファイルがまだ存在しないため、バージョン管理は失敗します。
PS実行する前gulp
にmkdir 1 && touch 1/1.js
。そして、rm {2,3}/1.js
各実行の前に行います。
php - Sass とプレーンな CSS を Laravel Elixir で 1 つのファイルに結合
プレーンCSSとSassファイルをLaravel Elixirとどのように組み合わせるのですか? 次のコードを実行すると、「all.css」と「app.css」の 2 つのファイルがpublic/CSS/
ディレクトリに生成されます。ただし、生成する CSS ファイルは 1 つだけですall.css
。あなたはそれを行うためのトリックを知っていますか?
gulp - Browserify + vue + HTML 縮小
とelixir
併用していbrowserify
ます。私の vue コンポーネントには、次のように html ファイルからテンプレートを含めます。
期待どおりに動作します。ただし、 を実行するgulp --production
と、生成されたファイルで html が圧縮されません。
私が達成したいのは、含まれている html ファイルから不要なタブ、スペース、改行文字、コメントをすべて削除することです。
gulp-minify-htmlというパッケージがありますが、この問題を解決するためにこれを使用できるかどうかわかりません。
ここで誰かがこれに似たことをしましたか?
sass - Vue コンポーネント内の Sass 変数にアクセスするにはどうすればよいですか?
Laravel/Elixir で Vueify を使用しています。ファイル内で Sass を使用していPost.vue
ますが、宣言した色を参照しています。作成する@import "resources/assets/sass/bootstrap-variables-override.scss";
すべての.vue
コンポーネント内にその行を含める必要がないようにする方法はありますか?
php - Laravel: パッケージ laravel-elixir はその兄弟を満足させません。
更新されたパッケージを使用したかったのですが、エラーが発生しました:
package.jsonには以下が含まれます。
node.js - laravelアプリケーションでcmdからgulpを実行中にエラーが発生しました
cmdからgulpを実行中
module.js:328 エラーをスローします。^
エラー: Module.require (module.js:354:17 ) の Function.Module._load (module.js:277:25)で
Function.Module._resolveFilename (module.js:326:15)にモジュール 'dateformat' が見つかりません)オブジェクトで (internal/module.js:12:17) を必要とします 。(C:\Users\Npandey\AppData\Roaming\npm\node_modules\gulp\node_modules\gulp-util\index.js:5:9) Module._compile (module.js:398:26) で Object.Module. _extensions..js (module.js:405:10) で Module.load (module.js:344:32) で Function.Module._load (module.js:301:12) で Module.require (module.js: 354:17)
laravel-5 - Laravel Elixir - カスタムパスの SASS ウォッチ?
Laravel Elixir の sass でカスタム パスを監視する際に問題が発生しています。
これがコードです。
私がそうするだけで、SCSSファイルはCSSにコンパイルされますgulp
。しかし、それではgulp watch
変化を監視していないようです。
カスタム パスに sass ウォッチャーを設定した人はいますか?
laravel - Webpack のコンパイルで src 属性でエラーが発生する
私は VueJS を使用しています。src 属性をバインドするには、次のようにします。
<img v-bind:src="image" :alt="alt" :style="styles" />
また
:src="image"
ただし、webpack を実行してコンパイルすると、次のエラーが発生します。
./resources/assets/js/components/slider/templates/slideimage.html のエラー モジュールが見つかりません: エラー: 'ファイル' または 'ディレクトリ' を解決できません ./image in --file here--
しかし、ランダムな属性を実行するたびに、:class="image"
正常に機能します。だから、それは好きではない src の何かです。これは vue の問題ではなく、webpack の問題です。webpack を使用しない他のプロジェクトは、この方法で問題なく動作します。これを無視してコンパイルするようにwebpackを取得するにはどうすればよいですか? vueify を使用して gulp をセットアップしようとしましたが、これまでで最悪の頭痛の種になりました (Laravel elixir、gulp ラッパーを使用しているため)。どんな助けでも大歓迎です!
javascript - Browserify 内の依存関係を無視する
私が抱えている問題は、ブートストラップ日付ピッカー プラグイン ( http://eonasdan.github.io/bootstrap-datetimepicker/ ) と組み合わせて瞬間 js を使用することです。
私は Laravel Elixir バージョン 3 と Gulp を使ってブラウジングしています:
私のapp.jsでは、以下のように使用しようとしていました:
ただし、eonasdan-bootstrap-datetimepicker は、Browserify 内にロードされているかどうかを検出しようとし、代わりに依存関係自体を自動的に解決しようとし、jQuery と独自のバージョンの moment js の両方をロードします。
これはそれほど大きな問題ではありませんが、特定のロケールが追加されたバージョンの瞬間を使用する必要があります。
ここや他の場所で詳細に説明されている多くのソリューションを試しましたが、特に browserify shim を使用しています。現時点でこれを解決する唯一の方法は、すべてを独自のグローバル空間に移動することです。
何か不明な点があればお知らせください。質問を更新します。ありがとうございます。