問題タブ [gulp-less]
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.
gulp - Gulp ウォッチ タスク シーケンスと Browser Sync
私はGulpを使用するのが初めてで、それを学ぼうとしているだけです...今私が得て尋ねたい問題は、時計とブラウザの同期を含むデフォルトタスクをセットアップする方法です
誰かがここで私のコードを改善できますか?ウォッチとブラウザー同期の関係、ブラウザー同期の前にどのタスクを実行し、いつウォッチするかを理解していません
以下は私のフォルダ構造です
今私が欲しいプロセスは
- less を css にコンパイルし、縮小してビルド フォルダーにします
- リスト項目
- 次に、HTML コードを縮小します
- 次に、jsを縮小して連結します
- すべての画像を圧縮する (一部の画像が変更された場合にのみ実行)
- 縮小された HTML を Browser Sync で実行し、すべてのソース HTML、Less、画像、および JS の変更を確認します
javascript - gulp.watch - エラー: null EMFILE を見る
最近、さまざまなエラーが発生しているため、非常に簡単なテスト プロジェクトgulp.watch
をセットアップしました。エラーが発生する理由がわかりません。プロジェクトには 5 つのファイルが含まれています。
- index.html
- パッケージ.json
- スタイル.css
- スタイル.レス
- gulpfile.js
私は2つのモジュールのみを使用しています:
- ゴクゴク
- ゴクゴク
ここまでは順調ですね。gulpfile.js の内容は次のとおりです。
ターミナルで実行gulp
すると、監視プロセスが開始されると思います。代わりに、次のエラーが生成されます (端末に表示されているものを行ごとにコピーしています)。
私は他のプロジェクトでこのエラーを見てきたので、私が頭がおかしくないことを確認するために、考えられる最も単純なユースケースを作成しました. 記録のために、ここに私が実行しているすべてのバージョンがあります:
- npm: 3.5.3
- ノード: 5.4.1
- 一口:
- CLI バージョン: 3.9.0
- ローカル バージョン: 3.9.0
- 一気飲み: 3.0.5
更新: github の公式 gulp リポジトリで問題を作成しました。これを解決するために私ができることは何でもしようとしています。
更新 2: Sublime テキスト エディターを使用します。開いているウィンドウが多すぎる (つまり、開いているファイルが多すぎる) と、この問題が発生します。これらのウィンドウのいくつかを閉じると、この問題はなくなります。「これほど多くのウィンドウ/ファイルが開いている」という一貫したシナリオをまだ見つけることができないため、私の観点からは、まだやや謎です。
css - インジェクション後に一気飲みなしで browserSync セットアップをリロード
私の人生では、この構成の何が問題なのかをどうにかして見つけることができません! master.css の変更を注入した後、変更を反映するだけでなく、ブラウザー ウィンドウが自動的にリロードされますが、"injected" と表示されます。誰か助けてくれませんか?次の構成の gulpfile.js があります。
より少ないタスク:
Browsersync タスク:
そして最後に:
変更が挿入されたという通知が表示されます。端末には master.css と master.css.map が変更されたと表示され、less ファイルの変更も反映されますが、どういうわけかブラウザがリロードされます。 css コンパイル。
npm - GULP LESSインポートがgulp-less npmで機能しない
過去 2 年間ずっと Gulp を使用してきましたが、ファイルのインポートが少ないという問題が突然発生し、解決できませんでした。
SmashingMagazine から、一気飲みのホームページからなど、5 つ以上の組み合わせを試しましたが、どれもうまくいきませんでした。
問題は次のとおりです (コンソール出力のエラー ログ):
Gulpfile.js は次のようになります。
すべてのファイルは適切な場所にあるため、存在します。一度実行@import appstrap.less
すると、**潜在的に未処理の拒否 [2] というエラーが表示されます。
frontend.less は次のようになります。
目に見えるエラーはありますか?
node.js - 可能ですか / gulp モジュールを直接実行する方法は?
いくつかのgulpモジュール/プラグインを個別に使用することは理にかなっています. 例: gulp-less をグローバルにインストールし ( )、lessc の代わりにまたはnpm install --global gulp-less
のように使用したい。しかし、私の試みはエラーメッセージで終わります:grunt-less -options ./my/css/folder
grunt less -options ./my/css/folder
理想的には、gulp プラグインをプロジェクトの外部で独立したツールとして使用したいと考えています。
ビルドコンテキスト外でgulpモジュールを実行するには?
このオプションが提供されていない場合: 回避策はありますか?
npm - グローバルにインストールされたgulpモジュールを使用するには?
このチュートリアルを試して、基本的にgulpプロジェクトをセットアップし、処理と監視を減らしました。できます。ここで、モジュールをグローバルにインストールして、マシン上のあらゆる場所からモジュールにアクセスし、すべてのプロジェクトにインストールするのではなく、次のようにします。
プロジェクト フォルダーで gulp を実行したいのですが、gulp はグローバルにインストールされたモジュールを見つけることができません。
それを機能させてグローバルgulpモジュールを使用するにはどうすればよいですか?