不添加CSS网格前缀

时间:2019-03-06 19:31:05

标签: javascript sass gulp postcss autoprefixer

我在这里迷路了。我已经安装了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还是一个新手,所以我不确定是否缺少某些配置。

0 个答案:

没有答案