Как использовать gulp-load-plugins с TypeScript

Question

Я не нашел примеров для gulp-load-plugins в TypeScript. К сожалению, мой TypeScript слишком беден, чтобы понять, что делать с комментариями @type/gulp-load-plugins.

Я старался:

import * as _gulpPlugins from 'gulp-load-plugins';
const gulpPlugins: IGulpPlugins = _gulpPlugins();

return gulp.src(sourceFilesGlobSelections)
        .pipe(gulpPlugins.pug())
        // ...

Это делает 4 предупреждения из Webpack (я не понимаю, где такой номер 75:13-25 относится; .pipe(gulpPlugins.pug()) в 50 ряду):

WARNING in ../node_modules/gulp-load-plugins/index.js 75:13-25
Critical dependency: the request of a dependency is an expression
 @ ./TaskManagers/MarkupPreprocessingHelper.ts

WARNING in ../node_modules/gulp-load-plugins/index.js 81:48-63
Critical dependency: the request of a dependency is an expression
 @ ./TaskManagers/MarkupPreprocessingHelper.ts

WARNING in ../node_modules/gulp-load-plugins/index.js 117:40-55
Critical dependency: the request of a dependency is an expression
 @ ./TaskManagers/MarkupPreprocessingHelper.ts

WARNING in ../node_modules/gulp-load-plugins/index.js 122:51-66
Critical dependency: the request of a dependency is an expression
 @ ./TaskManagers/MarkupPreprocessingHelper.ts

Если было сказано в @types/gulp-load-plugins:

/**
 * Extend this interface to use Gulp plugins in your gulpfile.js
 */
interface IGulpPlugins {
}

Я старался:

interface IGulpPlugins {
  pug: () => NodeJS.ReadWriteStream;
}

Также определено:

declare module 'gulp-load-plugins' {

    interface IOptions {
        // ...
    }

    interface IPluginNameMappings {
        [npmPackageName: string]: string
    }

    /** Loads in any gulp plugins and attaches them to an object, freeing you up from having to manually require each gulp plugin. */
    function gulpLoadPlugins<T extends IGulpPlugins>(options?: IOptions): T;

    // ...
}

Похоже, я должен использовать gulpLoadPlugins вместо расширения интерфейса... Это все, что я понимаю с моим текущим уровнем владения TypeScirpt, но этого недостаточно, чтобы понять, как использовать gulp-load-plugins в TypeScript.

Answer 1

Вот рабочий пример в gulp-load-plugins-tests.ts:

import * as gulp from 'gulp';
import gulpConcat = require('gulp-concat');
import gulpLoadPlugins = require('gulp-load-plugins');

interface GulpPlugins extends IGulpPlugins {
    concat: typeof gulpConcat;
}

gulp.task('taskName', () => {
    gulp.src('*.*')
        .pipe(plugins.concat('concatenated.js'))
        .pipe(gulp.dest('output'));
});

Около Critical dependency: the request of a dependency is an expression: не связывайте зависимости Node.js для проектов веб-пакетов, целью которых является Node.js (не браузер). https://www.npmjs.com/package/webpack-node-externals скажет, что webpack не связывает библиотеки Node.js, однако их все еще можно импортировать и использовать как обычно.