nsrosenqvist/phulp-webpack

phulp的webpack插件

1.0.0 2018-09-06 18:57 UTC

This package is auto-updated.

Last update: 2024-09-05 18:18:19 UTC


README

这是一个第三方项目,它提供了一种将文件通过Webpack进行管道传输的方法。

由于它需要实际的文件和入口点,所以与Webpack通常的工作方式存在一些不一致之处,因此插件会在项目目录中创建临时文件,以确保路径解析正确。主要区别在于,配置选项output.path仅适用于相对路径而不是绝对路径,因为输出路径是由您通过Phulp传输的文件来决定的。

安装

composer require nsrosenqvist/phulp-webpack

使用方法

第一个参数接受一个配置数组,该数组将被转换为JSON或包含配置文件路径的字符串。第二个参数是可选的Webpack可执行文件路径,如果它不在您的$PATH的全局范围内。

为了在将配置导出到webpack时不被转义,正则表达式必须用Raw类包裹。

<?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/'));
});

许可证

MIT