2016-01-13 4 views
0

Я создал новый проект на моем локальном сервере XAMPP с помощью композитораLaravel с помощью UIKit

composer create-project laravel/laravel ad dev-develop 

Затем я установил UIKit через композитор

composer require uikit/uikit 

и я получил UIKit в vendor папки в моем проекте
enter image description here

Но я не понимаю, что мне делать дальше? Как скомпилировать uikit.less в файле css и какую папку использовать для хранения файлов css?

+0

'композитор требует' была вашей ошибкой - uikit должен быть доставлен через npm или bower. поэтому ваш первый шаг будет чем-то вроде «npm install uikit» - тогда он будет добавлен в зависимости от вашего узла. Затем вы можете вытащить его с помощью Mix/Elixir/Webpack/Gulp/Grunt или что вы хотите использовать – Owen

ответ

3

Вы должны разместить свои файлы css где-нибудь в каталоге public, например public/css.

Для достижения этой цели вы должны иметь, например, установлены npm и gulp, теперь вы можете в gulpfile.js написать что-то вроде этого:

elixir(function (mix) { 
    mix.less('uikit.less'); 
}); 

И теперь, когда вы запускаете gulp это создаст uikit.css файл в public/css каталоге. Вы должны прочитать около Laravel Elixir, чтобы понять, что здесь происходит.

Вы также должны убедиться, что действительно хотите использовать ветку Laravel dev-develop вместо master.

EDIT

Если меньше файлов в другом каталоге, вы должны сделать что-то вроде этого:

elixir(function (mix) { 
    mix.less('../../../here-you-put-rest-of-path/uikit.less'); 
}); 

так что в вашем случае путь должен быть чем-то вроде этого:

../../../vendor/uikit/uikit/src/less/uikit.less 

, потому что каталог по умолчанию - resources/assets/less, и если вы хотите использовать пользовательский каталог, вам нужно использовать ../, чтобы выйти из этого каталога и использовать свой собственный каталог (абсолютный путь, похоже, не работает)

+0

Проблема в том, что gulp пытается найти UIkit в папке ресурсов http://i.stack.imgur.com/hiITr .png Но композитор устанавливает его в папку поставщика. – Heidel

+2

Используйте '..' для поиска каталогов. Итак, '../../../ vendor/uikit/themes/default/uikit.less', или что-то в этом роде. У меня нет примера передо мной, поэтому я не знаю точно, что это сработает. –

+1

@Heidel Пожалуйста, посмотрите мое редактирование –

Смежные вопросы