我使用一飲而盡，postcss和postcss-cssnext翻譯CSS，並得到了問題

Question

我使用cssnext寫我的CSS

:root{ 
    --ellipsis: { 
     overflow: hidden; 
     text-overflow: ellipsis; 
     white-space: nowrap; 
    }; 
}; 

並在3個地方

.div1{ 
    @apply --ellipsis 
} 
.div2{ 
    @apply --ellipsis 
} 
.div3{ 
    @apply --ellipsis 
} 

@apply --ellipsis使用我用杯和postcss-cssnext

gulp.task('postcss',function(){ 
    return gulp.src('src/css/*.css') 
     .pipe(plumber()) 
     .pipe(postcss([ 
      cssnext({ 
       browsers: ['last 2 versions', 'Android >= 4.0'], 
       features: { 
        rem: false 
       } 
      }) 
     ])) 
     .pipe(gulp.dest('dist/css')) 
}); 

但只有第一個地方是有用的，

.div1{ 
    overflow: hidden; 
    text-overflow: ellipsis; 
    white-space: nowrap; 
} 
.div2{ 
} 
.div3{ 
} 

我必須這樣寫：

:root{ 
    --ellipsis: { 
     overflow: hidden; 
     text-overflow: ellipsis; 
     white-space: nowrap; 
    }; 
}; 
.div1{ 
    @apply --ellipsis 
} 
:root{ 
    --ellipsis: { 
     overflow: hidden; 
     text-overflow: ellipsis; 
     white-space: nowrap; 
    }; 
}; 
.div2{ 
    @apply --ellipsis 
} 
:root{ 
    --ellipsis: { 
     overflow: hidden; 
     text-overflow: ellipsis; 
     white-space: nowrap; 
    }; 
}; 
.div3{ 
    @apply --ellipsis 
} 

但不能寫入這樣的，一定有什麼錯......

"devDependencies": { 
    "autoprefixer": "^7.1.1", 
    "gulp": "^3.9.1", 
    "gulp-plumber": "^1.1.0", 
    "gulp-postcss": "^7.0.0", 
    "postcss-cssnext": "^2.11.0", 
} 

誰能夠拯救我.. ..

Answer 1

哦......我自己修好了......

我覺得我這不是我的錯，但是我的錯誤，但它的最新版本，所以我安裝了一箇舊的6.4.0，它的工作...