javascript - sourcemap - in-memory caching is enabled with the help of which gulp plug-in?
gulp-load-plugins no carga complementos (3)
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'');
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'');
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.
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.