Laravel 5與Foundation 5

我在「resources/assets/bower_components」下通過bower安裝了基礎。Laravel 5與Foundation 5

我不知道如何處理_settings.scss文件以及放置位置。

我app.scss文件只是有：

@import "../bower_components/foundation/scss/foundation"; 
@import "../bower_components/foundation/scss/normalize";

我不能讓JavaScript來的工作。我不知道爲什麼。在我的gulpfile中，我將所有的javascript文件合併到一個文件app.js.

這是我的gulpfile。

elixir(function(mix) { 

var bowerPath = "resources/assets/bower_components/"; 

mix.sass(
    [ 
     "app.scss" 
    ], 
    "public/css", 
    { 
     includePaths: [ 
      bowerPath + "foundation/scss" 
     ] 
    } 
) 
    .scripts(
    [ 
     "jquery/dist/jquery.js", 
     "fastclick/lib/fastclick.js", 
     "jquery.cookie/jquery.cookie.js", 
     "jquery-placeholder/jquery.placeholder.js", 
     "foundation/js/foundation.js" 
    ], 
    "public/js/app.js", 
    bowerPath 
); 
});

這裏是我當前的項目結構：http://postimg.org/image/jhppu3lab/0789eba0/

有人請幫助。我被卡住了，我認爲我一直在做一些錯誤的事情。如果有人能夠引導我通過新的Laravel項目將Foundation 5安裝到Laravel 5，那將非常棒！

來源

2015-05-08 Leah P. Matthew

-1

有時使用鮑爾比SIMPLE手動解決方案更麻煩。

我使用下面的解決方案：

我添加這些行到我的主模板：

@if(\App::environment() == 'local') 
    @include('layouts.files_local') 
@else 
    @include('layouts.files_cdnjs') 
@endif

的files_local裏面我有

{!! HTML::script('js/jquery-2.1.4.min.js') !!} 
{!! HTML::script('js/uikit.min.js') !!} 
{!! HTML::style('css/uikit.almost-flat.min.css') !!}

而且裏面filescdnjs我有

{!! HTML::script('//cdnjs.cloudflare.com/ajax/libs/jquery/2.1.4/jquery.min.js') !!} 
{!! HTML::style('//cdnjs.cloudflare.com/ajax/libs/uikit/2.20.2/css/uikit.almost-flat.min.css') !!} 
{!! HTML::script('//cdnjs.cloudflare.com/ajax/libs/uikit/2.20.2/js/uikit.min.js') !!}

這是我在本地工作時遇到的連接問題的解決方法。如果你在一個可靠的連接上聯機工作，那麼只用CDNJS版本就足夠了
在本例中我使用了UI-Kit，因爲在三個CSS框架（Semantic-UI旁邊）對我來說這是最好的解決方案。將我的UI套件替換爲Foundation，工作就完成了。

來源

2015-05-08 05:04:56 Peter

這個答案基本上是「放棄而不使用藥劑」，對於這個問題IMO是一個很差的答案。 – ceejayoz

對於JavaScript，我們使用了mix.scripts的第三個參數來設置應用程序根目錄的基本路徑，這似乎更好。

mix.scripts(sharedJs.concat([ 
    'bower_components/jquery/dist/jquery.js', 
    'bower_components/fastclick/lib/fastclick.js', 
    'bower_components/jquery.cookie/jquery.cookie.js', 
    'bower_components/jquery-placeholder/jquery.placeholder.js', 
    'bower_components/foundation/js/foundation.js' 
]), 'public/js/app.js', './');

來源

2015-05-08 13:13:46 ceejayoz

Laravel 5與Foundation 5

回答

相關問題