問題タブ [grunt-contrib-concat]

簡単な Grunt の例から始めようとしていますが、grunt-contrib-concatで問題が発生しています。

ここに私の Gruntfile.js があります:

そして私のpackage.json：

npm install を実行しても明らかなエラーは表示されません。

私のディレクトリ構造は次のようになります。

grunt concat を実行すると、次のようになります。

私のセットアップ：

Lubuntu 12.10、ノード: v0.10.25、npm: 1.4.21、grunt-cli: v0.1.13、grunt: v0.4.5

何か不足していますか？

私は、yeo、grunt、bower などを使わずに構築された AngularJS アプリケーションを持っています。これは現在、Rails を介して行われています。しかし、特定の問題により、Rails から AngularJS アプリを分離し、純粋に API として Rails を使用するプロセスを進めています。

• grunt を既存のアプリに統合するにはどうすればよいですか? これが可能かどうか。
• 落とし穴？

アプリの現在のアーキテクチャに従って、コントローラー、サービス、テンプレート、フィルター、ディレクティブはすべて別のフォルダーにあります。

• grunt を実装するために必要な特定のフォルダー構造はありますか?

実行する必要がある基本的なこと:

• ソースファイルを1つに圧縮します（コントローラーを1つのコントローラーになど）
• 縮小する

現在の gruntFile

どうすれば始められますか? これが明らかな場合は申し訳ありませんが、うなり声を使用するのはこれが初めてなので、適切なアドバイスが必要です。

私はいくつかのファイルを連結しており、それが渡されng-annotateて縮小されます。ソースマップをに渡す方法はありgrunt-ng-annotateますか?

jquery を含む一連の js を連結すると、「1019844 行の予期しないトークン (])...」について不平を言うとエラーが発生し、その行を見ると、コメントアウトされてはならないコードが含まれています。コメントアウトされる

最初の行には、コメントであってはならないコメントがあります。手動で介入せずにうなり声を出すにはどうすればよいでしょうか?

編集：私のgruntjsのスニペット

タイトルが言うように、私は Grunt が初めてです。http://24ways.org/2013/grunt-is-not-weird-and-hard/にあるチュートリアルに従っています。これは古いチュートリアルですが、ほとんどは同じように機能するようです。「grunt-contrib-concat」と「grunt-contrib-uglify」をインストールし、両方を個別に実行できます。しかし、 を実行するgruntと、次のエラーが表示Warning: Task "concat, uglify" not found. Use --force to continue. Aborted due to errors.されます。私のファイルは次のとおりです。

Gruntfile.js:

パッケージ.json:

grunt-contrib-concat を使用して、すべてのカスタム JS ファイルを連結し、IIFE でラップしています。ロード順序の問題が発生しています (つまり、初期化ファイルがいくつかのモジュールの前に実行され、未定義のエラーが発生します)。連結順序で LAST にするinit.js必要があることを指定したいのですが、他のすべての JS ファイルの順序も指定したくありません。この特定のファイルが最後になるだけです。

これが私のconcatの現在の設定です：

プロジェクトに余分な grunt モジュールを追加せずに、連結する最後のファイルを指定するにはどうすればよいですか?

モジュール化された非常に大きな AngularJS アプリケーションがあります。html2js を使用して、複数の html ファイルから単一の JS ファイルを作成するように Grunt をセットアップします。

次に、すべての js ファイルと新しく作成した templates.js ファイルに対して concat を実行します。

これで、すべての js ファイルと html ファイルを含む 1 つのファイルができました: app.js

index.html でその dist/app.js ファイルを参照しています

私が抱えている問題は、次のような HTML ファイルの一部を参照するアプリケーション内にあります。

デプロイしたアプリケーションを実行すると、これらのファイルが見つからないというエラーが表示されます。アプリをローカルで実行すると、ファイルが適切なパスに存在するため、正常に実行されます。

質問: アプリをデプロイするときに、これらの html ファイルをコードで参照するにはどうすればよいですか。

また、ui-router で html ファイルを参照します: (function () { 'use strict';

})();

browserify を使用していくつかのファイルをバンドルします。「debug」オプションが true の場合、ファイルの最後にソース マップも追加されます。

問題は、このファイルを grunt-contrib-concat を介して別のファイルと連結すると、sourceMappingURL をファイル名として読み取ろうとすることです。だから私はこのエラーが発生します

node/npmを再インストールしても、思いつく限りのことを試しましたが、うまくいきませんでした。

そして、それは現在のセットアップで動作していました。突然動かなくなりました。ノードモジュールの更新か何かかもしれません。しかし、以前は機能していた元のバージョン（ダウングレード）をインストールしようとしましたが、まだ運がありません。

どんな洞察も感謝します、ありがとう。