gulp sass将my.css放在公共文件夹css/scss中
出于某种原因,当我从src/scss文件夹编译我的scss文件时,它会将css放入public/css/scss而不是public/css,我不知道为什么它会创建这个额外的文件夹。 我希望发生的事情如下: 将src/SCSS中的SCSS文件转换为css文件,并将css文件放在public/css文件夹中。 然后缩小public/css文件夹中的css文件 因此,现在我的小型css将成为public/css,而不是转换后的scs不确定whugulp sass将my.css放在公共文件夹css/scss中,css,sass,gulp,Css,Sass,Gulp,出于某种原因,当我从src/scss文件夹编译我的scss文件时,它会将css放入public/css/scss而不是public/css,我不知道为什么它会创建这个额外的文件夹。 我希望发生的事情如下: 将src/SCSS中的SCSS文件转换为css文件,并将css文件放在public/css文件夹中。 然后缩小public/css文件夹中的css文件 因此,现在我的小型css将成为public/css,而不是转换后的scs不确定whu const sass = require('gulp-s
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;```
您好,不确定,但是返回gulp.src('./src/scss**/*.scss')行看起来有点奇怪。地球仪看起来很奇怪。应该是src/scss/***.scss吗?