

monacaでアプリ制作が一段落ついたので、アプリと連携したブラウザで動くWebサービスを開発しようとしています。  
Webサプリのひな形はyeoman-angularで作成し、

[code]

    bower install onsenui --save
    
[/code]

としonsenuiをダウンロードし、index.htmlでonsenui.jsとonsenui.cssとonsen-css-
components.cssをインクルードしました。その後モジュールの追加をしました。

[code]

       angular
          .module('confit1App', [         
            'ngAnimate',
            'ngCookies',
            'ngResource',
            'ngRoute',
            'ngSanitize',
            'ngTouch',
    　　　　 'onsen.directives'
          ])
    
[/code]

ここまできてindex.htmlに

[code]

    <ons-sliding-menu main-page="views/main.html" menu-page="views/menu.html" max-slide-distance="300px" type="push" var="app.menu">
    </ons-sliding-menu>
    
[/code]

とし、main.htmlにナビゲーションバーを追加しました。

[code]

    grunt serve
    
[/code]

としクロームで確認すると何の問題もなく表示、動作するのですが、デプロイするために

[code]

    grunt build
    grunt serve:dist
    
[/code]

としプロダクション状態をクロームでに確認すると、スライディングメニュー自体は動くのですが（ドラッグすると右へページがスライドする。）肝心のナビゲーションバーが表示されません。  
これはgruntのminifyのせいなのでしょうか。  
だとしたら、公式ブログが記述しているようにgulpでやった方がいいのでしょうか？  
（<http://blog.asial.co.jp/1370>）  
yeoman-angularとonsenuiを使ってWebアプリを作ったことがある方や、何か分かる人アドバイスお願いします。


CC BY-SA 3.0
2015-09-02T08:05:21.917
15140
2015-09-02T12:23:35.363
2015-09-02T12:23:35.363
3639
8748
question
monaca onsen-ui angularjs
Webサービスでonsenuiを使いたいのですが、buildするとcssが適用されません。