我在这里迷路了。我已经安装了gulp,gulp-Sass,autoprefixer,postcss等,但是对于我来说,我无法为ie11的css网格添加自动前缀。
这是我的gulpfile:
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
我找到了一个示例here,并且遵循了自动放置示例,但是似乎并没有扩展到它们所显示的内容。
要在这里工作,我缺少什么吗?我在工作流程中使用gulp还是一个新手,所以我不确定是否缺少某些配置。