Laravel 5 с основанием 5

Я установил фундамент с помощью bower в разделе «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.

Вот мой глоток.

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, это было бы здорово!

0

Решение

Для 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', './');
0

Другие решения

Иногда использование бауэра доставляет гораздо больше хлопот, чем ПРОСТОЕ ручное решение.

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

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

@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. Это был мой способ решения проблем с подключением при локальной работе. Если вы работаете в режиме онлайн на надежном соединении, достаточно использовать только версии CDNJS

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

-1