Как можно интегрировать gulpjs в CakePhp 2.x?

Я хочу интегрировать gulpjs в Php Framework (CakePhp 2.x), что было бы лучше всего использовать gulp для достижения следующей функции в CakePhp:

  • Минимизация CSS, JavaScript и изображений.
  • Автоматически перезагрузить браузер после изменения.
  • Sass Compilation

    Примечание: я новичок в gulpjs, пожалуйста, предложите варианты использования gulpjs в Cakephp 2.x.

1

Решение

устанавливать Nodejs https://nodejs.org/en/download/.

устанавливать Npm https://docs.npmjs.com/cli/install.

установить глоток глобально. npm install --global gulp-cli

создайте файл package.json в своем корневом каталоге.

перейдите в каталог вашего проекта из терминала: npm install --save-dev gulp-install

Создайте gulpfile.js в корне вашего проекта.

var gulp = require('gulp');
gulp.task('default', function()
{// place code for your default task here
});

Запустите глоток из терминала gulp

Теперь у вас есть установка gulp в вашем проекте.
Вы можете сослаться здесь https://www.npmjs.com/package/gulp-sass для саас и глоток.

Точно так же вы можете найти minify и другие плагины из http://gulpjs.com/plugins/.

Есть хороший видео учебник, чтобы вы начали.

2

Другие решения

Существует модуль Node, который поможет вам сделать это: https://www.npmjs.com/package/cakephp-elixir

Из документации:

Если вы любите Elixir, но также любите CakePHP, вы полюбите Elixir для
CakePHP!

Elixir для CakePHP предоставляет чистый, свободный API для определения основных
Gulp задачи для вашего приложения CakePHP. Эликсир поддерживает общий CSS
и препроцессоры JavaScript, такие как Sass и Webpack. Используя метод
Elixir позволяет вам свободно определять конвейер активов.
Например:

elixir(function(mix) {
mix.sass('default.scss')
.webpack('default.js');
});

Если вы когда-либо были сбиты с толку и ошеломлены о начале работы
с Gulp и подборкой активов вы полюбите Elixir для CakePHP.
Тем не менее, вы не обязаны использовать его при разработке вашего
приложение. Вы можете свободно использовать любой инструмент конвейера активов, который пожелаете, или
даже нет вообще.

0

По вопросам рекламы [email protected]