>WikiSysop в 18:27, 24 січня 2016

2016-01-24T18:27:13Z

Нова сторінка

Сначала установите и настройте [[Gulp]].

=== Интеграция Browsersync с Drupal ===

Установите в Drupal модуль <code>browsersync</code>:

<source lang="bash">
drush en browsersync -y
</source>

Откройте в админке Drupal <code>admin/appearance/settings/ВАША_ТЕМА</code> и в секциии «Browsersync settings» настройте:

* '''[✓]''' Enable Browsersync

* Host: '''ВАШ_ДОМЕН'''
* Port: '''3000'''

=== Автоматическая очистка кэша Drupal ===

Установите плагин <code>gulp-shell</code>:

<source lang="bash">
sudo npm install gulp-shell --save-dev
</source>

В <code>gulpfile.js</code> добавьте задачу, которая будет очищать кэш Drupal.

Затем эту задачу можно вызывать из других задач, например, при перегенерации Sass в CSS.

<source lang="javascript">
// Clear all caches
gulp.task('clearcache', function() {
return shell.task(['drush cc all']);
});
</source>

=== Исправление ошибки Drush 'segmentation fault' ===

Из-за того, что в папке <code>node_modules</code>, в которой Gulp сохраняет файлы плагинов проекта, встречаются файлы <code>.info</code>, Drush воспринимает их как файлы модулей Drupal, находит в них несоответствие синтаксиса и выдает ошибку 'segmentation fault'.

Чтобы это исправить, просто будем автоматически удалять все файлы <code>.info</code> в папке <code>node_modules</code>.

Откройте файл <code>package.json</code>, перейдите к секции <code>"scripts":</code> и замените строку:

<source lang="javascript">
"test": "echo \"Error: no test specified\" && exit 1"
</source>

на следующую:

<source lang="javascript">
"postinstall": "find node_modules/ -name '*.info' -type f -delete"
</source>

Создайте в папке темы (там же, где находится файл <code>package.json</code>) файл <code>.npmrc</code> и добавьте в него строку:

<source lang="javascript">
unsafe-perm = true
</source>

Также папку папку <code>node_modules</code> можно очищать от файлов <code>.info</code> с помощью скрипта [http://dannyenglander.com/blog/drupal-drush-segmentation-fault-11-error-avoiding-rabbit-hole npm_post.sh]:

<source lang="bash">
#!/bin/sh
find -L ./node_modules -type f -name "*.info" -print0 | while IFS= read -r -d '' FNAME; do
mv -- "$FNAME" "${FNAME%.info}.inf0"
done
</source>

Этот скрипт нужно запускать после добавления в Gulp новых плагинов с помощью команды <code>npm install</code>.

''См. также: [http://drupal.stackexchange.com/questions/126880/how-do-i-prevent-drupal-raising-a-segmentation-fault-when-using-a-node-js-themin How do I prevent Drupal raising a segmentation fault when using a Node.js theming workflow?]''

Выполните команду:

<source lang="bash">
npm install
</source>

Эту команду нужно запускать, когда в файл <code>package.json</code> добавляются новые плагины.

Папка <code>node_modules</code> с плагинами может быть довольно большого размера — десятки мегабайт, поэтому ее нужно исключать при использовании git и во время создания резервных копий.

Чтобы исключить папку <code>node_modules</code> из git, нужно создать файл <code>.gitignore</code>, в который добавить строку:

node_modules/

Чтобы исключить папку <code>node_modules</code> из архива при создании резервной копии, нужно использовать параметр ''exclude'':

<source lang="bash">
--tar-options="--exclude=%themes/*/node_modules"
</source>

Соответственно, если проект будет клонироваться из git или восстанавливаться из резервной копии, будет необходимо запускать команду <code>npm install</code>, чтобы были снова установлены все компоненты Gulp.

Gulp и Drupal - Історія редагувань

>WikiSysop в 18:27, 24 січня 2016