通过gulp-rename重命名主scss文件

Question

我正在查看一个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，但是我喜欢对sass文件使用“ main”，对浏览器将使用的生成文件使用“ style”

另外，这是我的main.scss文件：

@import 'utilities/variables';

@import 'base/normalize';
@import 'base/typography';