問題タブ [watchify]

私は次のgulpタスクを持っています(もともとこのブログから):

タスクは、gulp コマンドを初めて発行したときに実行されます。そして、初めてmain.jsファイルを更新します。その後は全く動かない。ここで何が問題なのですか？

ファイルを除外しようとすると、Watchify で問題が発生します ( Browserify のように)。

このコマンドの使用:

最初は正常にコンパイルされますが、監視対象のファイルを更新するとエラーが発生します。これは完全な出力です:

これは既知の問題で、回避策はありますか? 今のところ、-x scripts/libs.js本番用に (ファイルを除外するために) 編集して通常の Browserify ビルドを実行できますが、開発用には Watchify タスクが少し遅くなります。

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

Watchify から eslint に出力をパイプする方法を知っている人はいますか?出力された JS を構築しながら、CLI でリンティングの問題を報告しますか?

Watchifyは、 を使用してコマンドにパイプできることを示しています-o。

Eslint--stdinは、フラグを使用して stdin から読み取ることができると言います。

したがって、この知識を使用して、次のコマンドを使用しています。

これが実際に行うことは、eslint 警告を に出力することstatic/bundle.jsです。lint がパスしたときに JS をビルドしながら、CLI に報告したいのですが。それは可能ですか？

モジュールを直接使用する CLI ソリューションを探しています。Gulp/Grunt または同等のものを使用する予定はありません。

watchify/browserify を使用して、このコマンドでデバッグ ソース マップを含むバンドルを作成します。

Chrome DevTools を使用して結果のアプリをデバッグすると、元のネストされたフォルダーの場所でソース ファイルにアクセスでき、DevTools の [ソース] パネルに表示されます。

ただし、このコマンドで反応を実行すると、

Chrome DevTools は、同じフォルダー内のすべてのソース ファイルを表示しbundle.js、ファイル名には完全なローカル パス名が含まれます。

ファイルが長すぎて表示できないため、ソースパネルと個々のタブの両方で正しいファイルを識別するのが面倒で難しいと感じています。

ソースファイルが元のフォルダーの場所に表示されるように、これを回避する方法を知っている人はいますか (pic 1 のように)。どうも

私はBrowserifyの初心者です。Watchify（パフォーマンス上の理由から）とCoffeeifyを使用してgulp.jsに統合しようとしました。Google で見つけた多かれ少なかれ異なるアプローチを少なくとも 5 つ試しました。最後のアプローチは、gulp ドキュメントの公式レシピです。

問題は変形部分です。ほとんどが CoffeeScript で記述されているコードを解析するために Coffeeify を使用したいと考えています。

Coffeeify はエントリ ファイルを正常に解析しますが、そこから がapp.coffee必要な場合./foo.coffee、そのファイルは変換されていないようで、予期しないトークンなどに関する Browserify による解析エラーが自然に発生します。

誰でもそれを修正する方法を知っていますか?

これが私のgulpfileの関連部分です。ほとんどは上記のリンクと同じですが、変換が追加されています。

私は次のものを持っていますgulpfile

問題は、それがgulp browserifyうまく機能することです。ただし、gulp browserify-watch変更は検出されますが、出力は更新されません。

私は何を間違っていますか？