Sass 将Gulp编译到父文件夹
我知道以前有人问过这个问题,但给出的答案似乎不起作用。我已经检查了GULP文档和GitHub GULP。我的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
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']);
});
简洁是可以接受的,但更全面的解释更好: