gruntjs - Grunt は、index.html で挿入されたファイルの順序を指定します

Question

プロジェクトの 1 つで angular-fullstack yeoman ジェネレーターを使用しています。grunt ビルドを実行すると、grunt-injector が検出した注入された依存関係で index.html が上書きされます。問題は、一部のモジュールを特定の順序でロードすることを指定したい、または特定のフォルダーを無視したいことです。どうやってやるの？現在、一部の JavaScript ファイルが間違った順序でロードされ、grunt build を実行するたびにエラーが発生します。

Answer 1

たとえば、配列を使用して順序を指定できます

// Inject application script files into index.html
scriptsVendor: {
    options: {
      transform: function(filePath) {
        filePath = filePath.replace('/app/', '');
        return '<script src="' + filePath + '"></script>';
      },
      starttag: '<!-- injector:js -->',
      endtag: '<!-- endinjector -->'
    },
    files: {
      'app/index.html': [
        [
          'app/lib/js/jquery.js',
          'app/lib/js/bootstrap.js',
          'app/lib/js/angular.js'
        ],
        [
          'app/lib/js/angular-*.js',
          'app/lib/js/ui-*.js'
        ]
      }
    }

だから私はそれより前にロードjqueryしbootstrapますangular。angular-次のブロックでは、と で始まるすべての角度モジュールui-。

特定のファイルまたはフォルダーを無視するには

!app/lib/js/*.min.js
!app/lib/js/folder_to_ignore/*.js

少し遅くても、お役に立てば幸いです:-)