問題タブ [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.
visual-studio-2015 - gulp: コードをビルドし、ブラウザで開始します
だから私はWebプロジェクトに言語を使用したいのですelm
が、プロジェクトが必要で、visual studio 2015
gulpを使用しています。gulp task
私の問題は、コードをビルドしてブラウザで開始するを作成する方法がわからないことです。これが私がこれまでに行ったことです:
gulpfile.js:
このconnect
タスクは、ブラウザーでサイトを開きません。それで、これを達成する方法は?(Visual Studio のタスク エクスプローラー ウィンドウから) タスクをクリックしてサイトを開始し、[開始] をクリックすると、コードがコンパイルされて開始されます。
ありがとう
gulp - failAfterError gulpEslint
こんにちは、ソリューションをリントし、リント プロセスでエラーが発生した後に失敗する次の gulp タスクがあります。テキストで失敗し、ヒープに落ちるだけでなく、これを実装する方法がわかりません。どんな助けでも大歓迎です。
現時点で(明らかに)私が得るのは次のとおりです:
module - モジュラー アプリの動的 gulp.dest パス
モジュラー アプリケーション用に gulp をセットアップしようとしています。私のパブリックフォルダーには、それぞれ独自のフォルダーを持つモジュールがsrc/sass
ありdist/css
ます。src/sass
sass ファイルを変換して、それぞれのdist/css
フォルダーに転送したいと考えています。src/sass
likesrc/sass/admin
の下src/sass/user
に .scss を含むフォルダーがさらに存在する可能性もあります。これらのフォルダ構造は、dist/css
so:dist/css/admin
やdist/css/user
. これらの追加フォルダーは、モジュールによって異なります。
gulp.dest
問題は、モジュールが削除および追加される可能性があるため、パスでモジュール名を直接参照したくないことです。パスに応じて動的にする必要がありgulp.src
ます。
以下に示すようなフォルダー構造があるとします。
これが私が試したgulpタスクです。
1.path.joinの使用
2.名前変更の使用
「???」の代わりに何を書けばいいのかわからない。のような複数のバリアントを試しまし'../../../dist/css'
たが、css ファイルをpublic/Modules/Module1/dist/css/Module1/src/sass
orのようなものに転送しようとしているようdist/public/...
です。
これを投稿する前に StackOverflow を確認しましたが、必要なものが正確に見つかりませんでした。
助けてくれてありがとう!
gulp - 引数付きの Gulp タスク (別の引数を使用したループ呼び出し)
別の引数または変更されたデータで gulp タスクを呼び出したいです。例: リスト (名前) があります。リスト[インデックス]アイテムを使用して、繰り返し(配列の長さ)タスクをローテーションで呼び出す必要があります。何かのようなもの:
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 フォルダーがあります。それもこの回答の一部としてカバーできれば素晴らしいと思います。
どんな助けでも感謝します。
よろしくお願いします。