Я не нашел примеров для gulp-load-plugins в TypeScript. К несчастью,
мой TypeScript слишком плох, чтобы понять, что делать с @ type / gulp-load-плагины
Комментарии.
Я пытался:
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.





В глоток-загрузка-плагины-тесты.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 для проектов webpack, целью которых является Node.js (а не браузер). webpack-node-externals сообщит, что webpack не объединяет библиотеки Node.js, однако их все еще можно импортировать и использовать как обычно.