2016-10-06 6 views
1

Я совершенно новичок в таких вещах, как узел и глоток, но я разрабатываю проект Laravel и хочу использовать Exilir для компиляции активов. Мой вопрос: где должен быть установлен узел? Я выполнил все инструкции от https://laravel.com/docs/5.3/elixir, установил узел в каталоге по умолчанию - c:/program files/nodejs. Мой локальный проект laravel находится в каталоге c:/xampp/htdocs/my_project. Я попытался запустить задачи gulp, и это, вероятно, преуспело, потому что не было ошибок, только несколько уведомлений, таких как «Закончено» sass ... »и т. Д., Но никакой css-файл не появился в public \ css в проекте laravel.Instaling NodeJS, Gulp и Elixir в проекте Laravel

Должен ли я установить его в каком-либо месте в структуре проекта Laravel?

+0

Можете ли вы показать нам содержимое gulpfile.js. И после установки node.js вы запустили «npm install --global gulp-cli»? –

+0

Да, я запускаю 'npm install --global gulp-cli', и я понял, что случилось. Я сменил каталог в консоли на c:/xampp/htdocs/my_project и запустил установку npm, и теперь все работает. Каталог node_modules был создан в каталоге проекта, и теперь я запускаю команду 'gulp' из каталога проекта и css компилируются. – julew

+0

установите его правильно –

ответ

1

У вас должен быть пакет packages.json и ваш gulpfile.js в корне вашего проекта.

Вы захотите загрузить и установить узел по всему миру. https://nodejs.org/en/download/

Затем в файле gulpfile указывается, где вы хотите, чтобы скомпилированный вывод был помещен. Это относительный путь к местоположению файла gulpfile.

Базовый путь для файлов входов:

/respurces/assets/js и /resources/assets/css

Ниже приведен пример gulpfile.js использованием Laravel эликсира.

Обратите внимание, что результат определяется после идентифицированных активов.

Примечание Этот пример также использует преимущества управления версиями файлов, которые могут быть вызваны с помощью

{!! HTML::style(elixir('css/app.css'), array('type' => 'text/css', 'rel' => 'stylesheet')) !!} 

и

{!! HTML::script(elixir('js/app.js'), array('type' => 'text/javascript')) !!} 

GULPFILE Пример: https://github.com/jeremykenedy/laravel-material-design/blob/master/gulpfile.js

ВЫЗОВ ФАЙЛЫ Пример: https://github.com/jeremykenedy/laravel-material-design/blob/master/resources/views/dashboard.blade.php

0

Вы можете просто использовать {{elixir ('css/app.css'}}} в теге link в заголовке.