0

出于某种原因，当我从 src/scss 文件夹编译我的 scss 文件时，它会将 css 放入 public/css/scss 而不是 public/css 我不确定它为什么要创建这个额外的文件夹。我想要发生的事情如下：将 src/scss 中的 SCSS 文件转换为 css 文件，并将 css 文件放入 public/css 文件夹。然后压缩 public/css 文件夹中的 css 文件。

所以现在我的缩小 css 将进入 public/css 但不是转换后的 css 不确定 whu。

const sass = require('gulp-sass');
const browserSync = require('browser-sync').create();
const autoprefixer = require('gulp-autoprefixer');
const cleanCSS = require('gulp-clean-css');
const sourcemaps = require('gulp-sourcemaps');



function style(){
    return gulp.src('./src/scss**/*.scss')
    .pipe(sass().on('error', sass.logError))
    .pipe(autoprefixer({
        overrideBrowserslist: ['last 2 versions']
    }))
    .pipe(gulp.dest('./public/css'))
    .pipe(browserSync.stream())
    
}


function minify() {
    return gulp.src('./public/css/scss/*.css')
      .pipe(cleanCSS({compatibility: 'ie8'}))
      .pipe(sourcemaps.init())
      .pipe(cleanCSS())
      .pipe(sourcemaps.write())
      .pipe(gulp.dest('./public/css'));
  };




function watch(){
    browserSync.init({
      server:{
          baseDir: './',
          notify: false,
          open: false
      }  
    });

    gulp.watch('./src/scss/**/*.scss', style);
    gulp.watch('./src/scss/**/*.scss', minify);
    gulp.watch('./*html').on('change', browserSync.reload);
    gulp.watch('./js/scss/**/*.js').on('change', browserSync.reload)
}

exports.style = style;
exports.minify = minify;
exports.watch = watch;```
4

0 回答 0