node.js - Autoprefixer 不会添加或删除前缀

Question

我的 gulpfile 中有以下内容，并且 CSS 被编译，但没有添加或删除前缀。我究竟做错了什么？

// The task
// --------

gulp.task('autoprefix', function () {
  var prefixr = autoprefixer({
    browsers: ['last 2 versions', 'IE >=9'],
    remove: true,
    add: true
  });
  return gulp.src('app/styles/*.css')
    .pipe(postcss([ prefixr ]))
    .pipe(gulp.dest('app/styles'));
});


// Run watch
// --------

gulp.task('watch', function() {
  gulp.watch('app/styles/**/*.less', { interval: 1000 }, ['less', 'autoprefix']);
});

Answer 1

我有同样的问题。但我认为这一切都在你的css文件中（或者更少）。我在他们的 github repo 中发布了一个问题： https ://github.com/postcss/autoprefixer/issues/564

我们来回交谈，才发现问题出在我的 css 上（也是使用手写笔）。

快速测试，使用这个简单的规则制作一个更新的 css 文件。

html {
   display flex
}

然后运行它，看看它是否有前缀！

如果没有，看看其他插件是否有效（如 csswring）我希望你使用autoprefixer的是而不是autoprefixer-core.