Я не могу заставить Autoprefixer работать с Gulp. Я использую непрозрачность в CSS, градиентах и преобразованиях, и никаких префиксов поставщиков не отображается. В остальном все остальное работает.
var gulp = require('gulp');
var lr = require('tiny-lr');
var jshint = require('gulp-jshint');
var sass = require('gulp-sass');
var autoprefixer = require('gulp-autoprefixer');
var minifycss = require('gulp-minify-css');
var concat = require('gulp-concat');
var rename = require('gulp-rename');
var livereload = require('gulp-livereload');
var server = lr();
var plumber = require('gulp-plumber');
var onError = function (err) {
gutil.beep();
console.log(err);
};
gulp.task('lint', function() {
return gulp.src('js/all.js')
.pipe(jshint())
.pipe(jshint.reporter('default'));
});
gulp.task('sass', function() {
return gulp.src('scss/*.scss')
.pipe(sass({errLogToConsole: true}))
.pipe(autoprefixer('last 2 versions', 'safari 5', 'ie6', 'ie7', 'ie 8', 'ie 9', 'opera 12.1', 'ios 6', 'android 4'))
.pipe(minifycss())
.pipe(gulp.dest(''))
.pipe(plumber({
errorHandler: onError
}))
.pipe(livereload(server));
});
gulp.task('scripts', function() {
return gulp.src(['js/fittext.js', 'js/fitvids.js', 'js/snap-scroll.js', 'js/cycle-min.js', 'js/all.js', 'js/respond.js'])
.pipe(concat('all.js'))
.pipe(gulp.dest('js/min'))
.pipe(rename('main.min.js'))
.pipe(gulp.dest('js/min'))
.pipe(plumber({
errorHandler: onError
}))
.pipe(livereload(server));
});
gulp.task('watch', function() {
livereload.listen();
gulp.watch('**/*.php').on('change', livereload.changed);
gulp.watch('js/*.js', ['scripts']);
gulp.watch('scss/**/*.scss', ['sass']);
});
gulp.task('default', ['lint', 'sass', 'scripts', 'watch']);
Я безуспешно искал и пробовал различные решения этой проблемы. Я также пытался изменить .pipe(gulp.dest('')) на определенный каталог (как предложено в этом ответе), но безуспешно.
Я ценю любую помощь, которую вы можете предложить.
* ОБНОВЛЕНИЕ *
Хотелось бы отметить мою наивность в отношении Autoprefixer, добавляющего префикс для непрозрачности, чего, очевидно, нет.
Я не могу заставить Autoprefixer работать с Gulp. Я использую непрозрачность в CSS, градиентах и преобразованиях, и никаких префиксов поставщиков не отображается. В остальном все остальное работает.
Вот мой файл gulp:
[code]var gulp = require('gulp');
var lr = require('tiny-lr'); var jshint = require('gulp-jshint'); var sass = require('gulp-sass'); var autoprefixer = require('gulp-autoprefixer'); var minifycss = require('gulp-minify-css'); var concat = require('gulp-concat'); var rename = require('gulp-rename'); var livereload = require('gulp-livereload'); var server = lr(); var plumber = require('gulp-plumber');
var onError = function (err) { gutil.beep(); console.log(err); };
[list] [*]Я безуспешно искал и пробовал различные решения этой проблемы. Я также пытался изменить .pipe(gulp.dest('')) на определенный каталог (как предложено в этом ответе), но безуспешно. [/list]
Я ценю любую помощь, которую вы можете предложить.
[b]* ОБНОВЛЕНИЕ *[/b]
Хотелось бы отметить мою наивность в отношении Autoprefixer, добавляющего префикс для непрозрачности, чего, очевидно, нет.