javascript - sourcemap - in-memory caching is enabled with the help of which gulp plug-in?

gulp-load-plugins no carga complementos

Question

gulp-load-plugins no está cargando ningún complemento. ¿Alguien puede sugerir por qué podría ser esto?

Node: v0.12.0
NPM: v2.7.3

Mi package.json :

{
"name": "foo",
"version": "0.0.1",
"dependencies": {},
"devDependencies": {
"gulp": "^3.8.11",
"gulp-load-plugins": "^0.9.0"
}
}

Mi gulpfile.js :

var gulp = require(''gulp'');
var gulpLoadPlugins = require(''gulp-load-plugins'');
var plugins = gulpLoadPlugins();
console.log(JSON.stringify(plugins)); // {}
gulp.task(''default'');

Answer 1

Instale otros plugins Gulp.

tl; dr

Si ese es su package.json completo.json, parece que no tiene otros plugins de gulp instalados.

Digamos que el siguiente es su package.json . package.json :

paquete.json

{
"name": "foo",
"version": "0.0.1",
"dependencies": {},
"devDependencies": {
"gulp": "^3.8.11",
"gulp-load-plugins": "^0.9.0",
"gulp-rename": "^1.2.0",
"gulp-concat": "^2.5.2"
}
}

You $ npm install todo, entonces ...

gulpfile.js

var gulp = require(''gulp'');
var gulpLoadPlugins = require(''gulp-load-plugins'');
var plugins = gulpLoadPlugins();
// `plugins.rename` should exist
// `plugins.concat` should exist
console.log(JSON.stringify(plugins));
gulp.task(''default'');

Answer 2

Déjame mostrarte lo que tengo y cómo lo hago, tal vez eso ayude.

Mi package.json :

{
"dependencies": {
"gulp": "*",
"gulp-autoprefixer": "*",
"gulp-html-validator": "0.0.5",
"gulp-image-optimization": "^0.1.3",
"gulp-plumber": "*",
"gulp-rev-collector": "^0.1.4",
"gulp-rev-manifest-replace": "0.0.5",
"gulp-ruby-sass": "*",
"gulp-sass": "*",
"gulp-scss-lint": "^0.1.10",
"gulp-sourcemaps": "*",
"imagemin-optipng": "^4.2.0",
"imagemin-pngquant": "^4.0.0",
"vinyl-paths": "^1.0.0"
},
"devDependencies": {
"del": "^1.1.1",
"gulp-cached": "^1.0.4",
"gulp-concat": "^2.5.2",
"gulp-cssmin": "^0.1.6",
"gulp-filesize": "0.0.6",
"gulp-gzip": "^1.0.0",
"gulp-htmlhint": "0.0.9",
"gulp-htmlmin": "^1.1.1",
"gulp-if": "^1.2.5",
"gulp-imagemin": "^2.2.1",
"gulp-load-plugins": "^0.8.0",
"gulp-rename": "^1.2.0",
"gulp-rev": "^3.0.1",
"gulp-uglify": "^1.1.0",
"gulp-useref": "^1.1.1",
"gulp-webserver": "^0.9.0",
"run-sequence": "^1.0.2"
}
}

Cómo ejecuto gulp-load-plugins :

 ''use strict'';
var gulp = require(''gulp''),
$ = require(''gulp-load-plugins'')({
pattern: [''gulp-*'', ''gulp.*''],
replaceString: //bgulp[/-.]/,
lazy: true,
camelize: true
}),

Y este es un ejemplo de un complemento:

 // html optimization
gulp.task(''htmloptimize'', function () {
return gulp.src(dev.html)
.pipe($.htmlmin({
collapseWhitespace: true
}))
.pipe(gulp.dest(dist.dist))
});

Como pueden ver, todas mis tuberías se llaman .pipe ($. Plugin ()), lo que significa $ significa gulp-. Si tiene un complemento llamado gulp-name-secondname, llámelo así: .pipe ($. NameSecondname ()).

Arriba, necesito gulp-load-plugins, tengo camelize configurado en true. La carga lenta carga solo los complementos que usa, no todos.

Cuidado con los plugins gulp-load porque ralentiza tus tareas, por ejemplo, ejecuto gulp-webserver, cuando lo uso con gulp-load-plugins, la tarea termina después de 200ms frente a 20ms si lo uso normalmente. Así que no lo use con todo, juegue con él, vea cuánto rendimiento pierde en cada tarea y establezca prioridades.

Answer 3

Intente configurar la carga diferida en falso.

var gulp = require(''gulp'');
var plugins= require(''gulp-load-plugins'')({lazy:false});
console.log(JSON.stringify(plugins));
gulp.task(''default'');

Y como otros mencionaron, instale algunos complementos.