3

Я хочу использовать Bootstrap 3 Sass с Laravel 5.1, но у меня были некоторые вопросы:Laravel 5,1 и Bootstrap 3 Sass установки

  • В 5.1, в файле package.json для Laravel, из-оф -box есть зависимость для "bootstrap-sass": "^ 3.0.0". Есть ли простой способ , а затем настроить бутстрап сасс с Laravel 5.1?
  • Нужно ли мне вставлять исходный код начальной загрузки или просто подключиться к CDN или поместить файлы в мою общую папку?
  • Есть ли причина использовать исходный код Bootstrap вместо , помещая его в общую папку?
  • Правильно ли я предполагаю, что мне нужно установить bootstrap через Bower, переместить содержимое папки шрифтов в общую папку, , а затем настроить Elixir для смешивания всех файлов Sass?

Я немного запутался в интеграции стороннего сервиса, такого как Bootstrap, в Laravel. Я новичок в Laravel и Bootstrap, поэтому любая информация или совет будут оценены.

Примечание: Я провел много исследований в Интернете, но учебные пособия для Laravel и Bootstrap датированы, и комментарии показывают, что они не работают правильно.

Спасибо за ваше время.

ответ

4

Сначала для установки пакетов узлов просто запустите npm install внутри папки.

После этого, если вы перейдете к resources/assets/sass/app.scss вы увидите первый комментируемые импорт линии весь самозагрузки из узлов модулей устанавливается с помощью package.json

После того как вы раскомментировать линии, которую вы можете увидеть по умолчанию в gulpfile.js у вас уже есть эликсир команду для компиляции файла sass приложения.

С этой настройкой только запустить gulp и elixir скомпилирует файл sass, который импортирует загрузочный файл, и вы увидите вывод в public/css/app.css, который вы можете связать в своем приложении.

И, наконец, чтобы скопировать шрифты или любой другой актив, вы можете использовать команду copy, и у вас будут шрифты, скопированные в общую папку.

elixir(function(mix) { 
    mix.copy('node_modules/bootstrap-sass/assets/fonts/', 'public/fonts'); 
    mix.sass('app.scss'); 
} 
+0

Большое спасибо Атрим, я ценю ваше время! –

+1

А как насчет других исходных файлов и скриптов, таких как bootstrap.js. Смешать ли его непосредственно из gulpfile.js? Например: '../../../ node_modules/bootstrap-sass/assets/javascripts/bootstrap.min.js'? –

+0

Как работает привязка к шрифтам? например, как загрузочный носитель знает, что шрифты являются общедоступными/шрифтами? – shaneparsons