問題タブ [gulp]

Stylus + nib、Jade、Passport、Mongoose、および NodeJS アプリケーション内で相互に接続するその他のモジュールがあるとします。

すべてのプリコンパイラをノード モジュールとして使用し、正常に動作するようになりました。フロントエンド ページのセットだけでなく、バ​​ックエンド/フロントエンド ソリューションで作業する場合、物事を簡単にするために gulp や Grunt が必要ですか?

つまり、フルスタックの NodeJS Web アプリケーションで作業する場合、gulp や Grunt はどのように役立つでしょうか?

私のgulpfile.jsで

1) すべてが正しく設定されているようです。メインの sass ファイルは sass/screen.scss にあります。sassパイプですでに確立されているため、監視する場所のsrcを再宣言する必要がある理由がわかりません。

2) オートプレフィクサーが正しくセットアップされているかどうか、または正確な引数が何を意味するかがわかりません。たとえば、'last 2 version' は safari 5、4.9、4.8? を指します。これに関するドキュメントが見つかりません。

どちらの場合も、autoprefixer が screen.css にコンパイルされているようには見えません。

私の .scss には、次のようないくつかの遷移、変換、およびボックス シャドウがあります。

Rendr アプリケーションをブラウザ化しようとしています。複数の方法を試しましたが、成功しませんでした。

これは、Gulp-browserify を使用して試した 1 つのバージョンです (プレーンな browserify を優先して非推奨になりました)。

そして、これはエラーになります

これは、ストック Browserify と vinyl-source-stream を使用した別のアプローチです。これにより、同じエラーが発生します。

この動作を引き起こす .../shared/app.js の行は

ガイダンスをいただければ幸いです。

参考までに、Grunt と Grunt-Browserify を使用した同じタスクを次に示します。

これはうまく機能しますが、すべてをより直感的に見える gulp に移行したいと思います。

編集：

gulp-browserify を使用して回避策を見つけました。

これはコンパイルされ、アプリは動作しているように見えますが、grunt-browserify でコンパイルされたファイルは 1.5 MB で安定しているのに対し、ファイル出力は 8 MB を超えているようです。特定のモジュールが見つからないブラウザ コンソールにもエラーが表示されます。もう 1 つの欠点は、gulp-browserify がブラックリストに登録されることです。また、browserify は「prebundle」イベントをサポートしていないようです。

また、アプリで 2 つのファイルを要求する必要があることもわかります。現在、合計 6 つのファイルがあります。アプリが複雑になると、手動でより多くのファイルを要求する必要があると思います。

AliasMapping は実際、Browserify で必要とされている機能です。Browserifyだけを使用してこれを機能させる方法を誰かが知っていることを願っています。

ガルプ使用時。特定のタスクの「開始」および「終了」ログ エントリを抑制する方法はありますか? 依存関係ツリーを使用したいのですが、ログを取りたくないタスクがツリーにいくつかあります。これらのタスクは、独自のログ機能を持つ中間ステップであるためです。

Gulpを学んでいます。良さそうに見えますが、それを使って完全なディストリビューションを作成する方法に関する情報が見つかりません。

Gulp を使用して CSS と JS を連結および縮小し、画像を最適化するとします。

そうすることで、ビルド ディレクトリ内の JS スクリプトの場所を変更します (例: bower_components/jquery/dist/jquery.jsからjs/jquery.jsへ)。

1. ビルド HTML/PHP ドキュメントを自動的に更新して正しいファイルを参照するにはどうすればよいですか? これを行う標準的な方法は何ですか？

2. 残りのプロジェクト ファイルをコピーするにはどうすればよいですか? . これらは、HTML、PHP、さまざまな txt、JSON、およびその他のあらゆる種類のファイルなど、配布の一部として含める必要があるファイルです。Gulp でクリーン ビルドを行うたびに、開発ディレクトリからそれらをコピーして貼り付ける必要はありません。

おそらく非常に卑劣な質問をして申し訳ありません。これらを管理するために Gulp 以外のものを使用する必要がある可能性はありますが、どこから始めればよいかわかりません。

よろしくお願いします。

問題: ファイルの「コレクション」を維持したい。これにより、ビルド時間と柔軟性が向上します。たとえば、app.js ファイルを編集するたびに、すべての Twitter ブートストラップ ファイルを再コンパイルしたくありません。

私は確かに 2 つのタスクと 2 つのウォッチ宣言でこれを達成できます。問題は、タスクが files 配列を除いて同一であることです。理想的には、これらをウォッチ宣言のパラメーターとして渡したいと思います。次の疑似コードのようなことを行う方法はありますか?:

別の方法でひっくり返して: タスクを呼び出したウォッチ宣言を名前空間にすることですか? そうすれば、どの時計がタスクをトリガーしたかを確認し、タスク自体の中でそれらを条件付けることができました。

gulp でこれを行う方法に関するドキュメントを見つけることができませんでした。次のようなことを行うべきかどうかさえわかりません。

これは、このようなことを行うための最良の方法ですか? あるタスクによって返された/作成されたストリームを他のタスクに「渡す」ためのより良い方法はありますか? これはGulpでも望ましいですか？

ありがとう！

gulpjs ビルドで gulp-less 経由で LESS コンパイラを使用しています。sourceMap の生成を有効にしましたが、うまくいきました。適切なファイル名と行番号があります。

ソース マップで LESS を生成する gulp 行は非常に単純です。

唯一の問題は、ソース マップに元の .less ファイルへの URL が含まれており、ファイル システムへの絶対パスとして生成されることです/Users/myuser/projects/project/web/css/myfile.less。

開発中は、Apache 経由でサイトを提供しています。Chrome DevTools でサイトを開くと、要素を調べることができmyfile.less、[スタイル] パネルに正しい行番号が含まれていることを確認できるため、ソース マップが機能しています。ただし、Chrome はより少ないファイルを読み込もうとしており、ソースマップ出力であるフルパスを使用していますが、それが私のサイトへの相対 URL であると想定しているため、http://localhost/Users/myuser/projects/project/web/css/myfile.less存在しないものを読み込もうとします。

ワークスペースを使用して修正しようとしましたが、実際には管理できませんでした。この設定に何か問題がありますか？何か不足していますか？

現在のプロジェクトでは、Grunt をフル デプロイ システムとして使用しています。すべてのアセットのチェック/コンパイル、キャッシュのクリーニング、およびデータベースのデプロイ。今、Gulp.js を見ています。誰もが言うように、構成ファイルがはるかに読みやすく、実行が少し高速です。私にとって欠けているのは、データベースの展開だけです。Grunt では、grunt-deployments パッケージを使用しています。Gulpにそのようなものはありますか？または、独自のパッケージを作成する必要がありますか?

Gulp を使用してプロジェクトをコンパイルしています。また、gulp-zipを使用して多数のファイルを圧縮しています。

「dist」フォルダー内のすべてのファイルを圧縮したいので、これを使用しています：

これにより、次の方法でファイルが zip にコンパイルされます。

• 距離
  • ファイル.css
  • another.js
  • フォルダ
    • file.js

ただし、次のようにします。

• ファイル.css
• another.js
• フォルダ
  • file.js

distフォルダーなし。別の src パスを使用してこれを行う方法はありますか?

ご協力いただきありがとうございます。