30

Yeoman/Grunt/Bower は初めてです。bower.json次の依存関係を定義するファイルがあります。

bower.json 

{
    "dependencies": {
        "angular": "~1.0.7",
        "jquery": "~1.8.0",
        "bootstrap": "~2.3.2",
        "angular-grid": "~2.0.5"
    }
}

私のhtmlファイルでは、コマンドを介してインストールしたこれらのライブラリの縮小されていないバージョンを使用していますbower install

index.html 

<script src="components/jquery/jquery.js"></script>
<script src="components/bootstrap/docs/assets/js/bootstrap.js"></script>
<script src="components/angular/angular.js"></script>
<script src="components/angular-grid/build/ng-grid.js"></script>

grunt を設定するにはどうすればよいですか?

  1. これらの js ファイルの縮小バージョンのみをビルド ディレクトリにコピーします。
  2. HTML を置き換えて、たとえば次のように変更jquery.jsします。jquery.min.js
  3. CDN を使用しない場合 - すべてのファイルをカスタム アプリケーション スクリプトと組み合わせることが推奨されますか?

ここで正しいアプローチは何ですか？grunt copy タスクで各 lib を定義する必要がありますか? お気に入り：

Gruntfile.js: 

copy: {
  dist: {
    files: [{
      src: [
        'components/jquery/jquery.min.js',
        'components/bootstrap/docs/assets/js/bootstrap.min.js',
        'components/angular/angular.min.js',
        'components/angular-grid/build/ng-grid.min.js'
      ]
    }]
  }
}
4

4 に答える 4

0

縮小されたバージョンに既に存在するライブラリを自分で縮小するのは悪い習慣です。幸いなことに、少なくとも angularJS の場合、bower パッケージには angular.min.js.map ファイルが含まれています。このソース マップでは、縮小されていないファイルを任意の時点でソースに含めることは意味がないと思います。min ファイルをインクルードし、Grunt minifier の外に置いて、ブラウザーを縮小されていないソースにマップさせます。

于 2015-02-17T21:16:03.527 に答える