У меня есть папка scss
, которую я смотрю. Я включаю все партиалы в main.scss
и хочу, чтобы сгенерированный файл получил имя style.css
Ниже часть моего gulpfile.js
const rename = require("gulp-rename");
const files = {
scssPath: './src/scss/**/*.scss',
jsPath: 'src/js/**/*.js'
}
function scssTask() {
return src(files.scssPath)
.pipe(sass())
.pipe(rename('style.css'))
.pipe(postcss([ autoprefixer(), cssnano()]))
.pipe(dest('web/assets/css'));
}
// default
exports.default = series(
parallel(scssTask, jsTask),
watchTask
);
Партия rename
, похоже, не имеет никакого влияния. Файл генерируется в main.css
Конечно, я мог бы просто переименовать свой main.scss
в style.scss
, но мне нравится иметь "main" для файлов sass и "style" для сгенерированного файла, который браузер будет использовать
Кроме того, вот мой main.scss
файл:
@import 'utilities/variables';
@import 'base/normalize';
@import 'base/typography';