如何对sass的输出进行管道化--关注autoprefixer?
我有一个用于我的Sass样式的构建命令,如下所示:如何对sass的输出进行管道化--关注autoprefixer?,sass,command-line-interface,autoprefixer,Sass,Command Line Interface,Autoprefixer,我有一个用于我的Sass样式的构建命令,如下所示: sass src/styles/main.scss--style compressed | autoprefixer-b\>1%,即8\>dist/main.css 现在,我想为开发过程提供一个类似的命令。但我不知道如何将由sass--watch更改的文件通过管道传输到autoprefixer cli。我设法用OSX工具解决了这个问题,但我希望有一个更简单、更通用的解决方案。你签了吗?使用gulp sass和gulp autoprefixer节
sass src/styles/main.scss--style compressed | autoprefixer-b\>1%,即8\>dist/main.css
现在,我想为开发过程提供一个类似的命令。但我不知道如何将由sass--watch
更改的文件通过管道传输到autoprefixer cli。我设法用OSX工具解决了这个问题,但我希望有一个更简单、更通用的解决方案。你签了吗?使用gulp sass
和gulp autoprefixer
节点软件包,您可以很容易地完成所需的操作
在您的gulpfile.js
中类似这样的内容:
var gulp = require('gulp');
var sass = require('gulp-sass');
var autoprefixer = require('gulp-autoprefixer');
gulp.task('scss', function() {
return gulp.src('path/to/styles.scss')
.pipe(sass())
.pipe(autoprefixer())
.pipe(gulp.dest('path/to/css'))
});
你在这里发现了什么?我一直在尝试观察dir并将这些文件传输到autoprefixer,但很难找到清晰的示例。暂时只喝一口。