2017-07-28 4 views
0

まず、このトピックについていくつか質問がありますが、タスク構造とその修正を使用しようとしましたが、何も私のために働いていません。スタイルを見て、腐った状態のノードサーバーを実行しています

私は今は自分のスタイルを見ていて、後でスクリプトと画像を追加します。

'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']); 

は、私は数回の反復を試してみたが、これは動作するようだが、見ていない現在のものです:

は、ここに私のgulpfile.jsです。ここに端末出力があります。

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 

変更を加えてSassファイルを保存しても何も起こりません。

アドバイスはありがたいです。ありがとうございます!

+0

config.contractにはパスの区切り文字(「/」など)がありますか? 'styles/scss/**/*。scss'に連結する前にそれを持っていなければなりませんか? – Mark

答えて

0

これは、マークされたマークとしてのパスレベルと関係がある。 URLパスで接頭辞と末尾のスラッシュを監視する必要があります。

関連する問題