package.json裡面設定

  "browserslist": [
    "last 4 version",
    "ie 6-8",
    "Firefox > 20"],

autoprefixer 有運作
原始CSS

    display: flex;

會輸出

  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;

可是 輸出 grid 時就會沒反應

//原始
.code{
   display: grid;
}

//輸出
.code {
  display: grid;
}

依賴版本
"autoprefixer": "^9.7.4",
"gulp-postcss": "^8.0.0",
"gulp": "^4.0.2",

請問有沒有大大也有遇到這問題
是版本問題還是設定的問題...

補gulpfile.js

'use strict';
const gulp = require('gulp');
const sass = require('gulp-sass');
const postcss = require('gulp-postcss');
const plumber = require('gulp-plumber');
const autoprefixer = require('autoprefixer');
const purgecss = require('gulp-purgecss');

gulp.task('sass', function () {

    return gulp.src('src/css/**/*.scss')
      .pipe(plumber())
      .pipe(sass().on('error', sass.logError))
      .pipe(postcss([
          require('tailwindcss'),
          autoprefixer(),
        ])) 
      .pipe(gulp.dest('./public/css'));
  });

  gulp.task('watch', function () {
    gulp.watch('src/css/**/*.scss', gulp.series('sass'));
  });

  gulp.task('default',gulp.parallel('sass','watch'));