2017-07-28 5 views
0

Erstens, ich weiß, dass es ein paar Fragen zu SO zu diesem Thema gibt, aber ich habe versucht, ihre Aufgabenstruktur und ihre Korrekturen zu verwenden, aber nichts funktioniert für mich. .Stile beobachten und einen nodemon-Server mit Schluck laufen lassen

Ich gucke gerade meine Styles an und füge Skripte und Bilder später hinzu.

Hier ist meine gulpfile.js:

'use strict'; 
var gulp = require('gulp'); 
var sass = require('gulp-sass'); 
var autoprefixer = require('autoprefixer'); 
var cssnano = require('gulp-cssnano'); 
var postcss = require('gulp-postcss'); 
var watch = require('gulp-watch'); 
var sourcemaps = require('gulp-sourcemaps'); 
var lost = require('lost'); 
var nodemon = require('gulp-nodemon'); 
var config = require('./config.js'); 

// Getting app name 
var contract = config.contract; 

// Directories 
var dirs = { 
    stylesSrc: '_assets/' + contract + 'styles/scss/**/*.scss', 
    stylesDest: '_assets/' + contract + 'styles/css' 
}; 

// Styles task with autoprefixer and lostgrid 
gulp.task('styles',() => { 
    return gulp.src(dirs.stylesSrc) 
     .pipe(sass()) 
     .pipe(postcss([ 
      autoprefixer({ 
       browsers: [ 
        "Android 2.3", 
        "Android >= 4", 
        "Chrome >= 20", 
        "Firefox >= 24", 
        "Explorer >= 8", 
        "iOS >= 6", 
        "Opera >= 12", 
        "Safari >= 6" 
       ] 
      }), 
      lost() 
     ])) 
    .pipe(gulp.dest(dirs.stylesDest)) 
}); 

// Watch styles 
gulp.task('watch', function(){ 
    gulp.watch(dirs.stylesSrc, ['styles']); 
}) 

// Nodemon server 
gulp.task('serve', function(){ 
    nodemon({'script': 'server.js'}); 
}); 

// Start server and watch for development 
gulp.task('default', ['serve', 'watch']); 

ich ein paar Iterationen versucht haben, aber dies ist die aktuelle, die zu funktionieren scheint, aber nicht sehen. Hier ist der Terminal-Ausgang:

npm run start 
gulp 
Using gulpfile ~/Development/projectTitle/gulpfile.js 
Starting 'serve'... 
Finished 'serve' after 36 ms 
Starting 'watch'... 
Finished 'watch' after 9.64 ms 
Starting 'default'... 
Finished 'default' after 23 μs 
[nodemon] 1.11.0 
[nodemon] to restart at any time, enter `rs` 
[nodemon] watching: *.* 
[nodemon] starting `node server.js` 
Server listening on port 8086 

Und nichts passiert, wenn ich eine Sass-Datei mit Änderungen speichern.

Jeder Rat wäre willkommen, danke!

+0

Hat Ihr config.contract einen nachgestellten Pfadtrenner (wie "/")? Sollte es einen haben, bevor man sich zu "styles/scss/**/*. Scss" zusammenfügt? – Mark

Antwort

0

Dies war mit Wegebenen wie Mark oben kommentiert. Sie müssen in den URL-Pfaden nach vorangestellten und abschließenden Schrägstrichen suchen.

Verwandte Themen