Gulpfile, чтобы включить sass до css, начиная, но не заканчивая - PullRequest
Новая
       79

Gulpfile, чтобы включить sass до css, начиная, но не заканчивая

1 голос
/ 18 марта 2020

Я очень новичок в gulp и sass, но пытаюсь создать gulpfile, который возьмет файл s css и превратит его в файл css (кажется, что это очень распространенная вещь, что многие люди делать). Я следую этому уроку - https://youtu.be/nusgoj74a3Y?t=1301 - но он, кажется, немного устарел.

Мой каталог выглядит так

-xxx

- gulpfile

- ср c

--- Активы

---- s css

---- -default.s css

---- css

Мой gulpfile выглядит следующим образом: 

'use strict';

//dependencies
var gulp = require('gulp');
var sass = require('gulp-sass');
var minifyCSS = require('gulp-clean-css');
var uglify = require('gulp-uglify');
var rename = require('gulp-rename');
var changed = require('gulp-changed');


//////////////////
// - SCSS/CSS - //
//////////////////

var SCSS_SRC = './src/Assets/scss/**/*.scss';
var SCSS_DEST = './src/Assets/css';

//compile css
gulp.task('compile_scss', function(){

    gulp.src(SCSS_SRC)
    .pipe(sass().on('error', sass.logError))
    .pipe(minifyCSS())
    .pipe(rename({ suffix: '.min' }))
    .pipe(changed(SCSS_DEST))
    .pipe(gulp.dest(SCSS_DEST));

});

//detect changes in SCSS
gulp.task('watch_scss', function() {
    return gulp.watch(SCSS_SRC, gulp.series('compile_scss'));
});

//run tasks
gulp.task('default', gulp.series('watch_scss'));

и когда я запускаю его, я получаю это: 

[20:39:12] Using gulpfile ~/xxx/xxx/xxx/xxx/gulpfile.js
[20:39:12] Starting 'default'...
[20:39:12] Starting 'watch_scss'...

Я полагаю, что эти задачи должны завершаться sh, а не просто запускать их.

Также я полагаю, что предполагается взять файл s css из s css, а затем поместите файл css в каталог css, чего он не делает.

Любая помощь будет полезна. Спасибо.

1 Ответ

1 голос
/ 18 марта 2020

вы запускаете часы там, попробуйте изменить любой из ваших файлов s css и посмотреть, как терминал переносится в CSS;)

, вы можете альтернативно добавить что-то вроде 

gulp.task('getCSS', gulp.series('compile_scss'));

и затем запустите gulp getCSS, чтобы получить CSS

...