Laravel 5 with Foundation 5

Question

Я установил фундамент через беседку под «resources/assets/bower_components».

Я не знаю, что делать с файлом _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/

Кто-то пожалуйста, помогите. Я застрял, и я думаю, что я сделал что-то не так на этом пути. Если кто-то сможет пройти меня, установив Foundation 5 в Laravel 5 из нового проекта Laravel, это было бы потрясающе!

Answer 1

Иногда использование беседки гораздо больше, чем простое решение для ПК.

Я использую решение ниже:

Я добавил эти строки в моей основной шаблон:

@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') !!} 

1. Это было моё решение проблемы соединения при работе на местном уровне. Если вы работаете в режиме on-line на надежном коннекторе, достаточно использовать только версии CDNJS.

2. В этом примере я использовал UI-Kit, как после продолжительной разработки. 3 трехмерные рамки CSS (рядом с Semantic-UI). Я пришел к выводу, что это лучшее решение в моем случае. Замените мой UI-комплект на Foundation, и работа будет выполнена.

Answer 2

Для JavaScript мы использовали mix.scripts «s третий аргумент, чтобы установить базовый путь к корню приложения, которое, казалось, лучше работать.

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', './');