問題タブ [grunt-contrib-watch]

バックエンド フレームワークとして Laravel を使用しています。ファイルの変更が発生したときにライブ リロードを実行したいと考えています。私はまだ Gruntfile.js を正常に構成して動作させていません。

grunt-contrib-watch と grunt-contrib-connect の 2 つのプラグインが必要だと思います。Grutnfile.js を次のように構成しました。

物事を正しく行うのを手伝ってください。物事が正しくなったら、grunt do-connect として実行するだけでよく、grunt がブラウザを起動するか、ブラウザとブラウザを指定されたポートに手動で開く必要がありますか???

ありがとう。

ファイルを除外しようとしていpublic/build.jsますが、機能していないようです。私は何を間違っていますか？

この質問に非常に似ています。

ノード lib をインストールし、次の場所に置きましたpackage.json。

my にブロックがありますGruntfile.js：

私のファイル構造は次のようになります。

そして、sass gemをインストールしました。

ここに含める必要がある非常に基本的なものが欠けていると確信しています。私yo serveは、ファイルをキャッチして使用するのに適切な場所に配置していないようです。

ブロックに欠けているwatchものがあると思いますが、それが何であるかはわかりません。

保存している単一のファイルに対してのみ、coffee lint と coffee compile を実行したいと思います。私のプロジェクトには何百もの CoffeeScript ファイルがあり、それらすべてをコンパイルするには時間がかかりすぎます。

これが私のGruntfileです：

coffeelint タスクは、変更されたファイルに対してのみ正常に実行されます。

コーヒーのコンパイルは、grunt が実行すると言いますが、JS ファイルを生成しません。

単一のコーヒー ファイルを保存した後の出力は次のとおりです。

ここで何が問題なのですか？どんな助けでも大歓迎です！

アップデート：

これが実際の例です：

親愛なる友人である Chris Coyier のこのチュートリアルGruntfile.jsに従って、正しく imageminにインストールしました。それはコンパイルされますが、基本的に2つの問題、2つの奇妙な癖があります...

問題 1:

画像は 2 重または 3 重に作成されますが、これはgruntコマンド 1 つだけです。以下に、コマンド grunt の後に作成されたファイル構造を示します。watchこれが頻繁に行われると想像してみてください。可能であればこの機能を自動化したいので、これに対する解決策が必要です。何か助けはありますか?

問題 2:

画像は正しく縮小されますが、以下に示すように、画像が空であるというエラーが常に発生します。面白いことに、そのイメージはすでに完成しています。最初の問題が解決されれば、この問題はおそらく解決されると思います。ターミナル出力の下。

端末出力:

ここで尋ねられるように、私の Gruntfile.js 構成は次のとおりです。

これは私の Gruntfile です。nodemon を同時に実行してアプリケーションを実行し、coffeescript の変更を監視します。

Coffeescript は src ファイルを受け取り、それらを JS ファイルに変換します (現在、main.coffee、Person.coffee、および Car.coffee の 3 つ)。

これらのファイルが変更されるたびに Nodemon を再起動し、最後に保存された変更で Nodemon を実行したいと考えています。

ここに問題があります:たった 1 つの coffee ファイルが変更された場合、coffee を実行するとすべての coffee ファイルが再コンパイルされ、3 つの JS ファイルが生成され、nodemon が 3 回再起動されます。ネットリクエストを使用するアプリケーションで作業しているため、これは望ましくありません。制御不能になることは望ましくありません。

nodemon を 1 回だけ再起動することはできますか?

すべての JS ファイルを連結することを考えましたが、それでは JS ファイルのモジュール性が台無しになります。

ファイルを 1 つずつ「監視」することも考えましたが、50 ファイルに達すると面倒になる可能性があります。

どうすればこの問題を解決できますか?