2016-05-26 3 views
1

Ich möchte gulpjs in PHP-Framework (CakePHP 2.x) integrieren, was am besten Praxis würde schluck verwenden folgende Funktion in CakePHP zu erreichen:Wie kann man gulpjs in CakePhp 2.x integrieren?

  • Minifizierung von CSS, JavaScript und Bilder.
  • Laden Sie den Browser nach Änderung automatisch neu.
  • Sass Compilation

    Anmerkung: Ich bin hier in gulpjs, bitte Anwendungsfälle von gulpjs in CakePHP 2.x. vorschlagen

+1

Dieser Artikel schrieb ich könnte Ihnen den Einstieg erleichtern http://andy-carter.com/blog/a-beginners-guide-to-the-task-runner-gulp – drmonkeyninja

Antwort

2

installieren Nodejshttps://nodejs.org/en/download/.

installieren Npmhttps://docs.npmjs.com/cli/install.

Installieren Sie Schluck global. npm install --global gulp-cli

Erstellen Sie eine package.json-Datei in Ihrem Stammverzeichnis.

Navigieren Sie zu Ihrem Projektverzeichnis von Terminal: npm install --save-dev gulp-install

Neue gulpfile.js an der Wurzel Ihres Projekts.

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

Run Zug von Terminal gulp

Jetzt haben Sie die Installation in Ihrem Projekt schlucken. können Sie hier beziehen https://www.npmjs.com/package/gulp-sass für Saas und Schluck Aufgabe.

In ähnlicher Weise finden Sie Minify und andere Plugins von http://gulpjs.com/plugins/.

Es gibt gute video Tutorial, um loszulegen.

+0

So NodeJS auf dem Server installiert werden muss Run Gulpjs in PHP-basierte Anwendung? –

+1

'node Js' hat nichts mit Ihrer' PHP'-Anwendung zu tun, und es muss nicht auf Ihrem Produktionsserver installiert werden. 'npm' wird Abhängigkeiten für gulp und seine Pakete verwalten, deshalb müssen Sie Knoten auf Ihrem Entwicklungsrechner installieren. – Kamran

+0

Tatsächlich hat nodejs im Allgemeinen nichts mit cakephp oder php zu tun – tersmitten

0

Es ist ein Node-Modul, das Sie tun, hilft das: https://www.npmjs.com/package/cakephp-elixir

Aus der Dokumentation:

Wenn Sie lieben Elixir, sondern auch CakePHP lieben, Sie wil Elixir Liebe für CakePHP!

Elixir für CakePHP bietet eine saubere, fließende API zum Definieren von grundlegenden Gulp Aufgaben für Ihre CakePHP-Anwendung. Elixir unterstützt gängige CSS und JavaScript Pre-Prozessoren wie Sass und Webpack. Mit der Methode Verkettung können Sie mit Elixir Ihre Asset-Pipeline fließend definieren. Zum Beispiel:

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

Wenn Sie jemals verwirrt und überwältigt habe über mit Gulp und Asset-Kompilation begonnen, werden Sie Elixir für CakePHP lieben. Sie müssen es jedoch nicht verwenden, während Sie Ihre Anwendung entwickeln. Es steht Ihnen frei, ein beliebiges Asset-Pipeline-Tool zu verwenden, oder überhaupt keine.

Verwandte Themen