代码之家  ›  专栏  ›  技术社区  ›  Aaron Matthews

正在将Gulp编译到父文件夹

  •  0
  • Aaron Matthews  · 技术社区  · 7 年前

    我知道以前有人问过这个问题,但给出的答案似乎不起作用。我已经检查了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公司 文件夹。非常感谢您的帮助!

    1 回复  |  直到 7 年前
        1
  •  -1
  •   Aaron Matthews    7 年前

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

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