2013-10-14 46 views
1

我在laravel 4中渲染引導主題的css + html時遇到了問題。我通過admin template和web瀏覽器向我展示了類似於small part of html的東西。我使用 jasonlewis basset來生成管理模板。如何解決這個問題? 我使用這個應用程序中的\ CONFIG \包\ jasonlewis \巴吉\ config.php文件:jason lewis basset沒有在laravel中顯示圖標4

'collections' => array(

    'public' => function($collection) 
    { 
     $collection->directory('assets/css', function($collection) 
     { 
      $collection->add('bootstrap.min.css'); 
      $collection->add('jquery-ui-1.10.3.custom.css'); 
      $collection->add('fullcalendar.css'); 
      $collection->add('chosen.css'); 
      $collection->add('select2.css'); 
      $collection->add('jquery.cleditor.css'); 
      $collection->add('jquery.noty.css'); 
      $collection->add('noty_theme_default.css'); 
      $collection->add('elfinder.min.css'); 
      $collection->add('elfinder.theme.css'); 
      $collection->add('uploadify.css'); 
      $collection->add('jquery.gritter.css'); 
      $collection->add('font-awesome.min.css'); 
      $collection->add('font-awesome-ie7.min.css'); 
      $collection->add('glyphicons.css'); 
      $collection->add('halflings.css'); 
      $collection->add('dropzone.css'); 
      $collection->add('xcharts.min.css'); 
      $collection->add('jquery.easy-pie-chart.css'); 
      $collection->add('icheck/all.css'); 
      $collection->add('bootstrap-editable.css'); 
      $collection->add('lato300.css'); 
      $collection->add('lato.css'); 
      $collection->add('kausha.css'); 
      $collection->add('style.min.css'); 
      $collection->add('retina.min.css'); 
     })->apply('UriRewriteFilter')->apply('CssMin'); 

     $collection->directory('assets/js', function($collection) 
     { 
      $collection->add('html5.js'); 
      $collection->add('respond.min.js'); 
      $collection->add('jquery-2.0.3.min.js'); 
     })->apply('JsMin'); 
    }, 

    'admin' => function($collection) 
    { 
     $collection->directory('assets/css', function($collection) 
     { 
      $collection->add('bootstrap.min.css'); 
      $collection->add('jquery-ui-1.10.3.custom.css'); 
      $collection->add('fullcalendar.css'); 
      $collection->add('chosen.css'); 
      $collection->add('select2.css'); 
      $collection->add('jquery.cleditor.css'); 
      $collection->add('jquery.noty.css'); 
      $collection->add('noty_theme_default.css'); 
      $collection->add('elfinder.min.css'); 
      $collection->add('elfinder.theme.css'); 
      $collection->add('uploadify.css'); 
      $collection->add('jquery.gritter.css'); 
      $collection->add('font-awesome.min.css'); 
      $collection->add('font-awesome-ie7.min.css'); 
      $collection->add('glyphicons.css'); 
      $collection->add('halflings.css'); 
      $collection->add('dropzone.css'); 
      $collection->add('xcharts.min.css'); 
      $collection->add('jquery.easy-pie-chart.css'); 
      $collection->add('icheck/all.css'); 
      $collection->add('bootstrap-editable.css'); 
      $collection->add('lato300.css'); 
      $collection->add('lato.css'); 
      $collection->add('kausha.css'); 
      $collection->add('style.min.css'); 
      $collection->add('retina.min.css'); 
     })->apply('UriRewriteFilter')->apply('CssMin'); 

     $collection->directory('assets/js', function($collection) 
     { 
      $collection->add('html5.js'); 
      $collection->add('respond.min.js'); 
      $collection->add('jquery-2.0.3.min.js'); 
      //$collection->requireDirectory('../../../vendor/twbs/bootstrap/js'); 
      $collection->add('jquery-migrate-1.2.1.min.js'); 
      $collection->add('bootstrap.min.js'); 
      $collection->add('jquery-ui-1.10.3.custom.min.js'); 
      $collection->add('jquery.ui.touch-punch.min.js'); 
      $collection->add('jquery.sparkline.min.js'); 
      $collection->add('fullcalendar.min.js'); 
      $collection->add('excanvas.min.js'); 

      $collection->add('jquery.flot.min.js'); 
      $collection->add('jquery.flot.pie.min.js'); 
      $collection->add('jquery.flot.stack.min.js'); 
      $collection->add('jquery.flot.resize.min.js'); 
      $collection->add('jquery.flot.time.min.js'); 
      $collection->add('jquery.autosize.min.js'); 
      $collection->add('jquery.placeholder.min.js'); 
      $collection->add('moment.min.js'); 
      $collection->add('daterangepicker.min.js'); 
      $collection->add('jquery.easy-pie-chart.min.js'); 
      $collection->add('jquery.dataTables.min.js'); 
      $collection->add('dataTables.bootstrap.min.js'); 
      $collection->add('custom.min.js'); 
      $collection->add('core.min.js'); 
      $collection->add('pages/index.js'); 
     })->apply('JsMin'); 
    } 

回答

2

你肯定有很多的資產。這是因爲你的圖形路徑是錯誤的 - 請記住,當basset編譯(或者甚至當它不編譯)你的css會將它移動到不同的目錄。不幸的是,你還沒有包含這部分的配置,所以我不知道你告訴它將文件移動到哪裏。如果你有相對路徑的圖形資產,這可能是問題的根源。

你可以驗證,如果這是你所有的資產設置爲原料(這將迫使他們從他們現有的位置加載的問題:

$collection->add('bootstrap.min.css')->raw(); 

另外我有在過去的一些問題中,如果字體很棒,我會建議你在解決問題的時候避開這個問題 - 事實上,我會評論儘可能多的資產來分離問題。

最後一點 - 你爲什麼使用CSS?關於bootstrap的一個奇妙之處在於它的編寫較少,關於basset的奇妙之處之一是它可以預編譯更少......我會讓你填補空白

+0

+ 1K,這個答案值得很多upvotes和明確的THX –