Laravel 5.4 добавив zurb foundation 6.3.0

Question

Я хотел бы узнать, как добавить один компонент компонента zurb в мой новый проект laravel.

Что я сделал до сих пор:

npm install foundation-sites --save 

И второй является

<link rel="stylesheet" href="{{ mix('css/app.css') }}" /> 

моему layout.blade.php

И мои вопросы что я должен написать в

1. sass/app.scss
2. webpack.mix.js

А может быть, есть что-то другое, что должно быть сделано? Я хочу использовать только метки компонента ...

<span class="label success">Hello world</span> 

большое спасибо!

Answer 1

я решить, что смотреть на:

https://laracasts.com/discuss/channels/tips/using-foundation-630-with-laravel-54

в ресурсы/активы/дерзость/app.scss

добавить это после того, как ясно все, что вы найдете:

// Settings 
@import "settings"; 

// Foundation 
@import "node_modules/foundation-sites/scss/foundation"; 

// Include Everything (True) for the Flex Grid :); 
@include foundation-everything(true); 

в resources/assets/js/bootstrap.js, ищите require('bootsrap-sass'); и удаляйте его.

перейти на этот путь (с File Explorer) node_modules\foundation-sites\scss\settings и скопировать файл _settings.scss

на новый путь resources\assets\sass, и вы можете удалить _variables.scss файл.

Открыть файл _settings.scss в редакторе кода, а также изменить линию 44:

@import 'util/util'; 

к

@import "../../../node_modules/foundation-sites/scss/util/util"; 

в webpack.mix.js

откройте файл webpack.mix.js в корне вашего проекта.и комментарий или удалить код:

изменение этого:

mix.js('resources/assets/js/app.js', 'public/js') 
    .sass('resources/assets/sass/app.scss', 'public/css'); 

к этому:

mix.sass('resources/assets/sass/app.scss', 'public/css'); 
mix.combine([ 
    'node_modules/jquery/dist/jquery.min.js', 
    'node_modules/foundation-sites/dist/js/foundation.min.js' 
], 'public/js/app.js'); 

НЕ ЗАБЫЛ ДОБАВИТЬ Инициализирующий код для запуска JavaScript

В ТВОИХ ОБЩЕЕ ОПИСАНИЕ:

<script> $(document).foundation();</script>