Переименовать основной файл scss через gulp-rename - PullRequest
1 голос
/ 04 мая 2019

У меня есть папка 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';
...