Sass 将Gulp编译到父文件夹

Sass 将Gulp编译到父文件夹,sass,gulp,pug,Sass,Gulp,Pug,我知道以前有人问过这个问题,但给出的答案似乎不起作用。我已经检查了GULP文档和GitHub GULP。我的Gulp拒绝编译到指定的文件夹。这是我的项目结构 Parent [contains gulpfile.js] |_src |_assets |_jade |_sass |_scripts 这是我的gulpfile.js var gulp = require('gulp'); var ts = require('gulp-typescript

我知道以前有人问过这个问题,但给出的答案似乎不起作用。我已经检查了GULP文档和GitHub GULP。我的Gulp拒绝编译到指定的文件夹。这是我的项目结构

Parent [contains gulpfile.js]
|_src
   |_assets
       |_jade
       |_sass
       |_scripts
这是我的gulpfile.js

var gulp = require('gulp');
var ts = require('gulp-typescript');
var pug = require('gulp-pug');
var sass = require('gulp-sass');

// == PATH STRINGS ========
var paths = {
    typescript: './src/**/*.ts',
    pug: 'src/assets/pug/*.pug',
    sass: 'src/assets/sass/*.scss',
    distScripts: 'src/scripts',
    distPug: '../../src',
    distSass: 'src'
};

// == TYPESCRIPT ========
gulp.task('typescript', function () {
    return gulp.src(paths.typescript)
        .pipe(ts({
            noImplicitAny: true,
            outFile: 'output.js'
        }))
        .pipe(gulp.dest(paths.distTypescript));
});

// == pug ===============
gulp.task('pug', function() {
  gulp.src(paths.pug)
    .pipe(pug({}))
    .pipe(gulp.dest('../../src'))
});

// == SASS ==============
gulp.task('sass', function () {
    return gulp.src(paths.sass)
        .pipe(sass().on('error', sass.logError))
        .pipe(gulp.dest(paths.distSass));
});

// == COMPILE SYNCHRONOUSLY
gulp.task('watch', function () {
  gulp.watch(paths.typescript, ['typescript']);
  gulp.watch(paths.pug, ['pug']);
  gulp.watch(paths.sass, ['sass']);
});

我只想把我的sass和pug文件编译成src文件。非常感谢您的帮助

我自己设法回答了这个问题。谢谢大家。我所需要做的就是指定直接路径,而不是使用通用选择器

var gulp = require('gulp');
var ts = require('gulp-typescript');
var pug = require('gulp-pug');
var sass = require('gulp-sass');

// == PATH STRINGS ========
var paths = {
    typescript: './src/**/*.ts',
    pug: 'src/assets/pug/*.pug',
    sass: 'src/assets/sass/*.scss',
    distTypescript: 'src/scripts',
    distPug: 'src',
    distSass: 'src'
};

// == TYPESCRIPT ========
gulp.task('typescript', function () {
    return gulp.src(paths.typescript)
        .pipe(ts({
            noImplicitAny: true,
            outFile: 'output.js'
        }))
        .pipe(gulp.dest(paths.distTypescript));
});

// == pug ===============
gulp.task('pug', function() {
  gulp.src(paths.pug)
    .pipe(pug({}))
    .pipe(gulp.dest(paths.distPug))
});

// == SASS ==============
gulp.task('sass', function () {
    return gulp.src(paths.sass)
        .pipe(sass().on('error', sass.logError))
        .pipe(gulp.dest(paths.distSass));
});

// == COMPILE SYNCHRONOUSLY
gulp.task('watch', function () {
  gulp.watch(paths.typescript, ['typescript']);
  gulp.watch(paths.pug, ['pug']);
  gulp.watch(paths.sass, ['sass']);
});

简洁是可以接受的,但更全面的解释更好: