我正在使用 GULP 来编译我的 scss 文件,并尝试将其编译成单个 styles.css
文件。然而,当我运行 gulp sass
时,它会将 scss 文件转换为 css,但也会复制它们,而不是将它们全部编译成一个文件。
gulpfile.js
var gulp = require('gulp');
var sass = require('gulp-sass');
var sourcemaps = require('gulp-sourcemaps');
gulp.task('sass', function () {
return gulp.src('./src/sass/**/*.scss')
.pipe(sourcemaps.init())
.pipe(sass.sync({outputStyle: 'compressed'}).on('error', sass.logError))
.pipe(sourcemaps.write())
.pipe(gulp.dest('./src/css'));
});
gulp.task('sass:watch', function () {
gulp.watch('./src/sass/**/*.scss', ['sass']);
});
文件结构
--gulpfile.js
--src
--css
--sass
--themes
--module.scss
--tm-1.scss
--styles.scss
当我运行 gulp sass
时,css 输出最终是:
--css
--styles.css
--themes
--module.css
--tm-1.css
我在这里只想要一个 styles.css
文件,似乎无法理解我在这里缺少什么。
最佳答案
我已经通过更改线路解决了这个问题
return gulp.src('./src/sass/**/*.scss')
到:
return gulp.src('./src/sass/styles.scss')
关于css - Gulp sass 编译复制 scss 文件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/56956779/