nsrosenqvist/phulp-webpack

The webpack addon for phulp

1.0.0 2018-09-06 18:57 UTC

This package is auto-updated.

Last update: 2020-10-05 09:47:55 UTC


README

It's a third-party project that provides a means to pipe files to Webpack.

There are some inconsistencies with how Webpack usually works since it requires actual files and entry points, so the plugin creates temporary files in the project directory to have paths resolve correctly. The main difference is that the config option output.path only works with relative paths rather than absolute paths since the output path is decided by what you pipe the files to with Phulp.

Installation

composer require nsrosenqvist/phulp-webpack

Usage

First argument accepts a config array that will be converted into JSON or a string with the path to config file. The second argument is an optional path to the Webpack executable in case it's not globally in your $PATH.

Regex must be wrapped with the class Raw in order for it to not be escaped when exporting the config to webpack.

<?php

use NSRosenqvist\Phulp\Webpack\Webpack;
use NSRosenqvist\Phulp\Webpack\Raw;

$phulp->task('scripts', function ($phulp) {
    $phulp->src(['assets/scripts/'], 'main.js')
        ->pipe(new Webpack([
            'module' => [
                'rules' => [
                    [
                        'test' => new Raw('/\.js$/'),
                        'exclude' => new Raw('/(node_modules|bower_components)/'),
                        'use' => [
                            'loader' => 'babel-loader',
                            'options' => [
                                'presets' => ['@babel/preset-env'],
                            ],
                        ],
                    ],
                ],
            ],
        ]))
        ->pipe($phulp->dest('dist/scripts/'));
});

License

MIT