【问题标题】:Compiling Gulp to Parent Folder将 Gulp 编译到父文件夹
【发布时间】:2017-12-21 10:19:00
【问题描述】:

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

【问题讨论】:

    标签: sass gulp pug


    【解决方案1】:

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

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

    【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2020-07-30
    • 2018-06-21
    • 1970-01-01
    • 2020-07-07
    • 1970-01-01
    相关资源
    最近更新 更多