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ファイルを保存しても何も起こりません。
アドバイスはありがたいです。ありがとうございます!
config.contractにはパスの区切り文字(「/」など)がありますか? 'styles/scss/**/*。scss'に連結する前にそれを持っていなければなりませんか? – Mark