Using gulp tasks with PHP view files

Question

Using gulp tasks with PHP view files

1.4k Views Asked by user1409508 At 13 May 2016 at 11:43

This question is more theoretical then practical. Let's say I have project based on PHP framework Symphony/Zend, I also use gulp for frontend work. I would like to do this project in professional way, so I use gulp plugins like jade, clean, uglify, minify, gzip, imagemin and rev. If someone doesn't know what is this gulp-rev, here we go:

Static asset revisioning by appending content hash to filenames unicorn.css → unicorn-d41d8cd98f.css

Good thing for caching static files for example.

So, here is a problem...
I run gulp tasks and I got following files:

- assets
  - css
    - style-bfd65634.css
  - js
    - vendor-mkg5454.js
  - img
    - background-ok54353.png
   etc...

After I finish my frontend work I want to put it in PHP framework's view files (phtml files), example: layout.phtml

...
<link type="text/css" rel="stylesheet" media="screen" href="<?php echo $this->basePath(); ?>/assets/css/style-bfd65634.css">
...
<div id="logo">
    <img src="<?php echo $this->basePath(); ?>/assets/img/background-ok54353.png" />
</div>
...

and same thing goes with js files, images etc.
After few weeks I have to change something in CSS styles and what now? How can I re-run gulp tasks without need to change phtml files from PHP framework? Or do I have to change modified files manualy in EVERY phtml file?
If so, then what is a point to use such plugins like gulp-rev? Just for static websites? As far as I know there is not any plugin which would convert jade files to phtml with PHP tags

Original Q&A

There are 3 best solutions below

**AudioBubble** · Answer 1 · 2016-05-17T09:49:00.157000

Just for static websites?

mostly yes.

To do the same thing with php you should use a wrapper function to display the resource asset url.

That wrapper function will take the relative url, match it to an actual file path, get the last update time of the file and append it to the returned url such url/to/asset.some?l=<filemtime value>

see http://php.net/manual/fr/function.filemtime.php

I must mention that an alternative way is to build your php file via the grunt build chain, see wiredep. But i do not recommend it. see https://github.com/stephenplusplus/grunt-wiredep

**shikhar** · Answer 2 · 2016-05-17T11:23:30.427000

You need to use gulp-inject to inject those newly created files in the specific location.

<!DOCTYPE html>
<html>
<head>
  <title>My index</title>
  <!-- inject:css -->
  <link rel="stylesheet" href="/src/style1.css">
  <link rel="stylesheet" href="/src/style2.css">
  <!-- endinject -->
</head>
<body>

**Ramil Amerzyanov** · Answer 3 · 2016-05-17T12:22:16.693000

Plugin gulp-rev produce rev-manifest.json file with map:

{
  "css/main.css": "css/main-f95991b528.css",
  "js/main.js": "js/main-5598f71801.js"
}

There is beautiful solution in Laravel framework using elixir function in php.

<link rel="stylesheet" type="text/css" href="<?php echo elixir("css/main.css") ?>">

And elixir function:

    function elixir($file)
    {
        static $manifest = null;

        if (is_null($manifest)) {
            $manifest = json_decode(file_get_contents(public_path('build/rev-manifest.json')), true);
        }

        if (isset($manifest[$file])) {
            return '/build/'.$manifest[$file];
        }

        throw new InvalidArgumentException("File {$file} not defined in asset manifest.");
    }

Using gulp tasks with PHP view files

There are 3 best solutions below

Related Questions in PHP

Related Questions in GULP

Related Questions in GULP-REV

Trending Questions

Popular # Hahtags

Popular Questions