redcatjs / webpack-php-loader

php loader module for webpack

php loader for webpack

This package will load any php content and use php to turn it into a html page.

Ex:

Installation

npm install webpack-php-loader

Usage

var fileContent = require("php!./file.php");
// => run file.php with php and return it as some content (html for example)

It can also be used inside the webpack configuration file (webpack.js):

module.exports = {
  ...
  module: {
    loaders: [
      ...
      {
        test: /\.php$/,
        loaders: [
          'html-minify',
          'php-loader'
        ]
      },
      ...
    ]
  },
  ...
}

Documentation: Using loaders

Configuration

Here is a list of the available configuration options:

• proxy: set the name of a proxy script to be used as a loader for the resource
• args: list of string to be added as arguments to the proxy (or php) script
• debug: add depandancies as html comment in the output (this will modify the output of the php script, and can lead to invalid results)

example usage:

         loaders: [
          'php-loader?' + JSON.stringify({
            proxy: 'router.php',
            args: [ '--arg1=no' ],
            debug: true
          })
        ]

In this case, the command to be executed by php-loader to get the file 'resource.php' will be:

  php router.php --arg1=no resource.php

License

MIT (http://www.opensource.org/licenses/mit-license.php)

based on https://github.com/jehon/php-loader

webpack-php-loader's Issues

SyntaxError: Unexpected end of JSON input

"webpack": "^4.18.0"
"webpack-php-loader": "^0.5.0"
macOS 10.13.6

ERROR in ./index.php
Module build failed (from (webpack)-php-loader/index.js):
SyntaxError: Unexpected end of JSON input
    at JSON.parse (<anonymous>)
    at runPhp (/my/project/path/node_modules/webpack-php-loader/index.js:69:10)

On line 69 of the plugin there is;

JSON.parse(dependencies).forEach(function(dependency) {
    self.addDependency(dependency)
});

My index.php file works fine when being served on it's own. Any ideas what this could be? Is it an issue with the plugin not being compatible with Webpack 4?

Not compatible with Webpack 3 ?

Hi,
The php-loader doesn't fetch my php files to convert to html files. Did I miss something ?

webpack.config.js

  entry: {
    app: ['./assets/css/style.scss', './assets/js/app.js']
  },
  output: {
    path: path.resolve(__dirname, './dist'),
    filename: dev ? '[name].js' : '[name].[chunkhash:8].js'
  },
  watch: dev,
  devtool: dev ? 'source-map' : false,
  module: {
    rules: [
      {
        test: /\.php$/,
        use: 'php-loader'
      },...

Curious if you think this might be used to make wordpress themes more compatible with webpack templates?

I'm having an issue using a webpack plugin for inlining critical css here: GoogleChromeLabs/critters#16

And I think the main issue is that my wp theme is using php and no html so the plugin doesn't know how to grab the html and inline the css.

If I were running vanilla PHP then I imagine using this to make the php stuff compatible with critters would be fairly straightforward but I don't think it would be possible with Wordpress. Any thoughts on that? I'm a new dev so I don't even really know how to go about pulling apart this problem.