通过gulp Rename重命名主scss文件

我有一个

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
);

重命名

部分似乎没有任何影响。该文件将生成到

main.css

当然，我可以将我的

main.scss

重命名为

style.scss

，但我喜欢用“main”表示sass文件，用“style”表示浏览器将使用的生成文件

另外，这是我的

main.scss

文件：

@import 'utilities/variables';

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

---

这里是否有多个文件：

。/src/scss/***.scss'

？如果您只是将其更改为

main.scss

路径，会怎么样？如果

main.scss

包含了您需要的所有其他文件，那么这就是您所需要的一切。@马克，我确实有其他文件，如果我只是观看

main.scss

文件，那么它将不会监听正在保存的其他文件。我必须打开main，然后保存您的watchTask可以监视多个

scss

文件，但是通过

scssTask

运行的所有文件都将重命名为

style.css

（除非它们都是

main.scss

以外的部分）因此，您只能看到最后一次非部分运行

scssTask

以

style.scss

结束。因此，

main.scss

是您正在观看和运行的唯一非部分的

scssTask

？如果是，请更改为

return src（仅path_to_main.scss）

。如果您运行的是main.scss以外的更多非部分，则它们都将重命名为

style.scss

，因此只有任务的最后一个将反映在最终的

style.scss

中。这里是否有多个文件：

'./src/scss/***.scss'

？如果您只是将其更改为

main.scss

路径，会怎么样？如果

main.scss

包含了您需要的所有其他文件，那么这就是您所需要的一切。@马克，我确实有其他文件，如果我只是观看

main.scss

文件，那么它将不会监听正在保存的其他文件。我必须打开main，然后保存您的watchTask可以监视多个

scss

文件，但是通过

scssTask

运行的所有文件都将重命名为

style.css

（除非它们都是

main.scss

以外的部分）因此，您只能看到最后一次非部分运行

scssTask

以

style.scss

结束。因此，

main.scss

是您正在观看和运行的唯一非部分的

scssTask

？如果是，更改为

return src（仅路径_to _main.scss）

。如果您运行的是main.scss以外的更多非部分，则它们都将重命名为

style.scss

，因此只有任务的最后一个将反映在最终的

style.scss

中。