Я немного потерян здесь. Я установил gulp, gulp-Sass, autoprefixer, postcss и т. Д., Но из-за жизни я не могу получить автоматический префикс для добавления в css grid для ie11.
Вот мой глоток:
var gulp = require('gulp');
var sass = require('gulp-sass');
var browserSync = require('browser-sync').create();
var autoprefixer = require('autoprefixer');
var rename = require('gulp-rename');
var cssnano = require('cssnano');
var postcss = require('gulp-postcss');
var paths = {
styles: {
src: "./styles/sass/*.sass",
dest: "./styles/css"
},php: {
src: '*.php',
}
};
function style() {
return gulp
.src(paths.styles.src)
.pipe(sass({ outputStyle: "expanded" }))
.pipe(gulp.dest(paths.styles.dest))
.pipe(rename({ suffix: ".min" }))
.pipe(postcss([autoprefixer()]))
.pipe(gulp.dest(paths.styles.dest))
.pipe(browserSync.stream())
}
exports.style = style;
function php() {
return gulp
.src(paths.php.src)
.pipe(browserSync.stream())
}
exports.php = php;
function watch() {
browserSync.init({
port: 8181,
proxy: "proxy_goes_here"
});
style();
gulp.watch(paths.styles.src, style);
gulp.watch(paths.php.src, php);
}
exports.watch = watch
Я нашел пример здесь , и я последовал примеру автоматического размещения, но, похоже, он не распространяется на то, что они показывают.
Есть ли что-то, чего я здесь не хватает, чтобы заставить это работать? Я довольно новичок в использовании gulp в своем рабочем процессе, поэтому я не уверен, есть ли где-нибудь конфигурация, которую мне не хватает.