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 を設定するにはどうすればよいですか?
- これらの js ファイルの縮小バージョンのみをビルド ディレクトリにコピーします。
- HTML を置き換えて、たとえば次のように変更
jquery.js
します。jquery.min.js
- 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'
]
}]
}
}