没完没了之后的gulp concat

萨斯 CSS

蛋蛋猿

2020-04-03

我想将sass输出并连接到另一个CSS常规文件中。

例:

animate.css
app.scss

return gulp.src('app.scss')
    .pipe(sass({
        errLogToConsole: true
    }))
    .pipe(concat(['animate.css', OUTPUT_OF_THE_SASS_ABOVE]))
    .pipe(gulp.dest(paths.public+'css/'))
    .pipe(rename({ extname: '.min.css' }))
    .pipe(gulp.dest('css/'))
    .on('end', done);

有什么想法怎么做?

*******想法

也许可以从sass生成一个css文件到一个临时位置,然后将其与css文件合并,然后将它们删除。有任何想法如何在单个任务中做到这一点?

第4033篇《没完没了之后的gulp concat》来自Winter(https://github.com/aiyld/aiyld.github.io)的站点

1个回答
小胖Gil 2020.04.03

为什么不将animate.css作为部分文件包含在主Sass文件中?

@import "animate";

然后将animate.css重命名为_animate.css

您还可以更好地控制CSS的编译方式/位置。

问题类别

JavaScript Ckeditor Python Webpack TypeScript Vue.js React.js ExpressJS KoaJS CSS Node.js HTML Django 单元测试 PHP Asp.net jQuery Bootstrap IOS Android