亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

使用 gulp 將所有 scss 文件合并為一個 css 文件

使用 gulp 將所有 scss 文件合并為一個 css 文件

慕森王 2023-08-10 15:45:26
我有這個 gulpfile.js 文件。在這里,您可以看到每個.scss文件都轉換為相應的.css文件,但我希望所有.scss文件都將轉換為僅一個.css文件,即 main.css。我怎樣才能做到這一點?var gulp = require('gulp');var sass = require('gulp-sass');var browserSync = require('browser-sync').create();gulp.task('sass', function() {    return gulp.src('app/scss/**/*.scss')        .pipe(sass())        .pipe(gulp.dest('app/css'))        .pipe(browserSync.reload({            stream: true        }))});gulp.task('browserSync', function(done) {    browserSync.init({        server: {            baseDir: 'app'        },    });    done();})gulp.task('watch', gulp.series('browserSync', 'sass', function() {    gulp.watch('app/scss/**/*.scss', gulp.series('sass'));    gulp.watch("app/*.html", { events: 'all' }, function(cb) {        browserSync.reload();        cb();    });    gulp.watch('app/js/**/*.js', browserSync.reload);}));
查看完整描述

1 回答

?
慕標琳琳

TA貢獻1830條經驗 獲得超9個贊

您是否嘗試過在目的地的管道之前放入 concat ?您需要導入此處找到的 concat 函數。以下內容應合并您的文件。

gulp.task('sass', function() {

    return gulp.src('app/scss/**/*.scss')

        .pipe(sass())

        // concat will combine all files declared in your "src"

        .pipe(concat('all.scss'))

        .pipe(gulp.dest('app/css'))

        .pipe(browserSync.reload({

            stream: true

        }))

    });


查看完整回答
反對 回復 2023-08-10
  • 1 回答
  • 0 關注
  • 166 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號