Gulp zum ersten Mal verwenden – Wo werden meine Dateien gespeichert?[geschlossen]

Question

Geschlossen. Diese Frage ist Off-Topic.Derzeit werden keine Antworten akzeptiert.

---

Möchten Sie diese Frage verbessern? Aktualisieren Sie die Frage so ist es zum Thema für Stack Overflow.

Geschlossen vor 5 Jahren.

Ich versuche, Gulp zum ersten Mal zu verwenden. Ich habe eine Reihe von Tutorials befolgt und konnte Gulp ausführen, kann jedoch nicht finden, wo meine neu erstellten Dateien abgelegt wurden!

Hier ist meine Projektstruktur:

GulpTest
  Authenticated
     Images
     Javascript

  NotAuthenticated
     Images
     Javascript

Ziemlich einfaches Setup.

In meinem Stammordner (GulpTest) habe ich Folgendes:

package.json-Datei mit:

{
  "devDependencies": {
  "gulp": "^3.5.2",
  "gulp-rename": "^1.1.0",
  "gulp-concat": "^2.1.7",
  "gulp-uglify": "^0.2.1",
  "gulp-jshint": "^1.5.0"
 }
}

Eine gulpfile.js-Datei mit:

    // Include gulp
var gulp = require('gulp'); 

// Include Our Plugins
var jshint = require('gulp-jshint');
//var sass = require('gulp-sass');
var concat = require('gulp-concat');
var uglify = require('gulp-uglify');
var rename = require('gulp-rename');

var paths = {
  scripts: ['Authenticated/javascript*.js', 'NotAuthenticated/javascript*.js'],
};


// Lint Task
gulp.task('lint', function() {
    return gulp.src('Authenticated/*.js')
    //return gulp.src('js/*.js')
        .pipe(jshint())
        .pipe(jshint.reporter('default'));
});

// Compile Our Sass
//gulp.task('sass', function() {
//    return gulp.src('scss/*.scss')
//        .pipe(sass())
//        .pipe(gulp.dest('css'));
//});


gulp.task('scripts', function() {
  // Minify and copy all JavaScript (except vendor scripts)
  return gulp.src(paths.scripts)
    .pipe(uglify())
    .pipe(concat('all.min.js'))
    .pipe(gulp.dest('Authenticated/js'));
});

// Watch Files For Changes
gulp.task('watch', function() {
    gulp.watch('Authenticated/*.js', ['lint', 'scripts']);
    //gulp.watch('js/*.js', ['lint', 'scripts']);
    //gulp.watch('scss/*.scss', ['sass']);
});

// Default Task
//gulp.task('default', ['lint', 'sass', 'scripts', 'watch']);
gulp.task('default', ['lint', 'scripts', 'watch']);

Ich habe innerhalb von Authenticated einen neuen Ordner mit dem Namen „js“ erstellt. Ich dachte, der neue Code würde/wird hier erstellt??

Vermisse ich etwas?

Answer 1

Angenommen, Ihre js-Dateien haben Namen wie javascript1.js Sie werden minimiert und im Verzeichnis „Authenticated/js“ gespeichert.

Wenn du sagst

gulp.src(paths.scripts)

Dadurch werden alle Dateien im aktuellen Arbeitsverzeichnis abgeglichen, die den Regeln entsprechen, die Sie an die Funktion src() übergeben haben.In diesem Fall haben Sie bestanden

['Authenticated/javascript*.js', 'NotAuthenticated/javascript*.js']

Daher wird in den beiden Ordnern nach Dateien gesucht, die mit „javascript“ beginnen und mit „.js“ enden.Zum Beispiel „javascript_Something.js“

Wenn Sie eine Datei mit der Erweiterung „.js“ einschließen möchten, sagen Sie es einfach

var paths = {
  scripts: ['NotAuthenticated/*.js','Authenticated/*.js']
};

Weitere Informationen finden Sie in der Dokumentation gulp.src() und für Node-Glob.