yeomanで生成された角度アプリに角度チャートを追加するにはどうすればよいですか？

Question

もっと一般的な質問かもしれないと思います。 yeomanにカスタム（ベンダー）スクリプトを追加すると、アプリが生成されます。 npm（npm angle-chart -saveをインストール）で角度チャートをインストールしました。 index.htmlにスクリプトを追加します。

<!-- build:js(.) scripts/vendor.js --> 
<!-- bower:js --> 
<script src="bower_components/jquery/dist/jquery.js"></script> 
<script src="bower_components/angular/angular.js"></script> 
<script src="bower_components/bootstrap/dist/js/bootstrap.js"></script> 
<script src="bower_components/angular-animate/angular-animate.js"></script> 
<script src="bower_components/angular-cookies/angular-cookies.js"></script> 
<script src="bower_components/angular-resource/angular-resource.js"></script> 
<script src="bower_components/angular-route/angular-route.js"></script> 
<script src="bower_components/angular-sanitize/angular-sanitize.js"></script> 
<script src="bower_components/angular-touch/angular-touch.js"></script> 
<!-- endbower -->  
<script src="node_modules/chart.js/Chart.min.js"></script> 
<script src="node_modules/angular-chart.js/dist/angular-chart.min.js"></script> 
<!-- endbuild --> 

ただし、gruntを使用してディストリビューションを作成しても、適切なミニスクリプトは作成されません。

scripts.226f19b7.js:1 Uncaught Error: Chart.js library needs to be included, see http://jtblin.github.io/angular-chart.js/ 

Answer 1

webenegizedのおかげで、私はついにこの問題と解決策を見つけました。
まず、それは箱の外で作動するはずです！ gruntfile.jsの変更や他のアクションは必要ありません。 npmだけでdependeciesをインストールし、index.htmlとvoilaに必要なスクリプトタグを入れてください。 Yeomanジェネレータの魔法。 のコピー/貼り付けによって、angular-chart.jsウェブサイト（例：インストールのセクションを参照）の例のスクリプトタグの値が間違っています。 （distのフォルダが欠落している）
<script src="node_modules/chart.js/Chart.min.js"></script>
が、実際のパスは
<script src="node_modules/chart.js/dist/Chart.min.js"></script>する必要があります：サイトの例は述べています。
これは、angle-chart.jsが含まれていて、その苦情がその依存関係（chart.js）に関するものであることを明確に示しているためです。それは私が思うほど知覚的ではないことが分かります。

Answer 2

は、あなたがそれのように、このタスクか何かを見つけるでしょう、あなたの面倒なタスクのビルド（Gruntfile.js）

でライブラリを含める：

grunt.registerTask('build', [ 
'clean:dist', 
'wiredep', 
'useminPrepare', 
'concurrent:dist', 
'postcss', 
'concat', 
'copy:dist', 
'cdnify', 
'cssmin', 
'uglify', 
'filerev', 
'usemin', 
'htmlmin' 
]); 

私はあなたの解決策を見つけるだろうと思いますin コピー：distタスク

copy: { 
    dist: { 
    files: [{ 
     expand: true, 
     dot: true, 
     cwd: '<%= yeoman.app %>', 
     dest: '<%= yeoman.dist %>', 
     src: [ 
     '*.{ico,png,txt}', 
     '*.html', 
     'images/{,*/}*.{webp}', 
     'styles/fonts/{,*/}*.*' 
     ] 
    }, { 
     expand: true, 
     cwd: 'bower_components/bootstrap/dist', 
     src: 'fonts/*', 
     dest: '<%= yeoman.dist %>' 
    }, 
    { 
     expand:true, 
     cwd:'node_modules/yourlib/, 
     src:'*', 
     dest:'<%=yeoman.dist %>' 
    }