Verwenden Sie gulp-bower-normalize, um alle Dateien in ein Verzeichnis zu kopieren

Question

Kann ich gulp-bower-normalize verwenden, um verschiedene Dateitypen von einem Verzeichnis in ein anderes zu kopieren?

Ich dachte, ich kann das so machen, aber es kopiert nur alle Schriftarten in ihre Verzeichnisse basierend auf ihren Dateierweiterungen.

"overrides": { 
    "font-awesome": { 
     "main": [ 
      "css/font-awesome.min.css", 
      "fonts/*" 
     ], 
     "normalize": { 
      "fonts": "fonts/*.*" 
     } 
    } 
} 

Und die "fonts/*" von main Entfernen wird nur die CSS kopieren.

PS .: Ich weiß, dass ich das durch gulp.src() und gulp.dest() tun kann, aber ich fragte mich über die "Normalisierung-Weg".

Answer 1

//- gulpfile.js file 
var bower = require('main-bower-files'); 
var bowerNorm = require('gulp-bower-normalize'); 
var DEST = './build/'; 

gulp.task('default', function() { 
    return gulp.src(bower(), { base: './path/to/bower_components'}) 
    .pipe(bowerNorm({ flatten: true })) 
    .pipe(gulp.dest(DEST)); 
}); 

//- bower.json file 
"overrides": { 
    "font-awesome": { 
    "main": [ 
     "css/font-awesome.min.css", 
     "fonts/*" 
    ], 
    "normalize": { 
     "fonts": [ "*.eot", "*.svg", "*.ttf", "*.woff", "*.woff2" ] 
    } 
    } 
} 

Das obige sollte Ihr Problem lösen. Wenn Sie den Schlüssel normalize unter dem Schlüssel der Abhängigkeiten (in diesem Fall "font-awesome") verwenden, stellen die untergeordneten Schlüssel ("fonts") die Ordnernamen dar, die Sie erstellen möchten. Der Wert oder die Werte für diesen Schlüssel sind die Dateitypen, die Sie in dieses Verzeichnis einfügen möchten. Also, in der obigen Lösung, die wir sagen, möchten wir "*.eot", "*.svg", , "*.woff" und "*.woff2" Dateien in das Verzeichnis "fonts" setzen, wenn wir unsere Abhängigkeiten normalisieren.

Das Ergebnis des obigen Codes wäre dies:

build/ 
├── css/ 
│   └── font-awesome.min.css 
└── fonts/ 
   ├── some-font-file.eot 
   ├── some-font-file.svg 
   ├── some-font-file.ttf 
    ├── some-font-file.woff 
    └── some-font-file.woff2 

Lassen Sie mich wissen, ob ich weiter klären kann.