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!
Hat Ihr config.contract einen nachgestellten Pfadtrenner (wie "/")? Sollte es einen haben, bevor man sich zu "styles/scss/**/*. Scss" zusammenfügt? – Mark