問題タブ [gulp-task]

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.

0 投票する
1 に答える
177 参照

visual-studio-2015 - gulp: コードをビルドし、ブラウザで開始します

だから私はWebプロジェクトに言語を使用したいのですelmが、プロジェクトが必要で、visual studio 2015gulpを使用しています。gulp task私の問題は、コードをビルドしてブラウザで開始するを作成する方法がわからないことです。これが私がこれまでに行ったことです:

gulpfile.js:

このconnectタスクは、ブラウザーでサイトを開きません。それで、これを達成する方法は?(Visual Studio のタスク エクスプローラー ウィンドウから) タスクをクリックしてサイトを開始し、[開始] をクリックすると、コードがコンパイルされて開始されます。

ありがとう

0 投票する
1 に答える
327 参照

gulp - failAfterError gulpEslint

こんにちは、ソリューションをリントし、リント プロセスでエラーが発生した後に失敗する次の gulp タスクがあります。テキストで失敗し、ヒープに落ちるだけでなく、これを実装する方法がわかりません。どんな助けでも大歓迎です。

現時点で(明らかに)私が得るのは次のとおりです:

0 投票する
1 に答える
366 参照

module - モジュラー アプリの動的 gulp.dest パス

モジュラー アプリケーション用に gulp をセットアップしようとしています。私のパブリックフォルダーには、それぞれ独自のフォルダーを持つモジュールがsrc/sassありdist/cssます。src/sasssass ファイルを変換して、それぞれのdist/cssフォルダーに転送したいと考えています。src/sasslikesrc/sass/adminの下src/sass/userに .scss を含むフォルダーがさらに存在する可能性もあります。これらのフォルダ構造は、dist/cssso:dist/css/admindist/css/user. これらの追加フォルダーは、モジュールによって異なります。

gulp.dest問題は、モジュールが削除および追加される可能性があるため、パスでモジュール名を直接参照したくないことです。パスに応じて動的にする必要がありgulp.srcます。

以下に示すようなフォルダー構造があるとします。

これが私が試したgulpタスクです。

1.path.joinの使用

2.名前変更の使用

「???」の代わりに何を書けばいいのかわからない。のような複数のバリアントを試しまし'../../../dist/css'たが、css ファイルをpublic/Modules/Module1/dist/css/Module1/src/sassorのようなものに転送しようとしているようdist/public/...です。

これを投稿する前に StackOverflow を確認しましたが、必要なものが正確に見つかりませんでした。

助けてくれてありがとう!

0 投票する
0 に答える
74 参照

gulp - 引数付きの Gulp タスク (別の引数を使用したループ呼び出し)

別の引数または変更されたデータで gulp タスクを呼び出したいです。例: リスト (名前) があります。リスト[インデックス]アイテムを使用して、繰り返し(配列の長さ)タスクをローテーションで呼び出す必要があります。何かのようなもの:

0 投票する
0 に答える
148 参照

javascript - 複数レベルのフォルダー構造の Gulp タスクをセットアップする方法

フォルダ構造

フォルダ構造については、以下の 2 つの画像を参照してください。

https://i.stack.imgur.com/5aEzi.png | https://i.stack.imgur.com/Hsapz.png

この種のファイル構造の CSS と JS を最小化するために、ルート gulfile.js に (個々のフォルダーごとに gulpfile.js を作成せずに) タスクを作成するにはどうすればよいでしょうか? さらに、ファイルの縮小バージョンをそれぞれのフォルダーにのみ保存する必要があります。たとえば、page3 の CSS と JS ファイルを変更する場合、縮小した CSS を /page3/css/page3.min.css に保存し、縮小した JS を /page3/js/page3 に保存するのと同じ方法で保存する必要があります。 min.js.

同様に、時計を設定できるかどうか疑問に思っています。たとえば、page2 CSS と JS に変更を加えている場合、それを検出し、ファイルを保存した後、それぞれのフォルダーにのみ縮小版を保存します。

私はまだgulpを学んでおり、これを理解しようとしていますが、できません。

今後、フォルダ構造は 1 レベル深くなる可能性があります。同様に、page3 にはサブページがあり、そのサブページには独自の CSS および JS フォルダーがあります。それもこの回答の一部としてカバーできれば素晴らしいと思います。

どんな助けでも感謝します。

よろしくお願いします。