webpack 上对 autoprefixer 的 CSS 网格支持

我正在为一个元素使用带有 postcss 和 webpack 的 autoprefixer。我也在使用 CSS 网格。但是，当我构建代码时，我注意到 css 网格的 ms 前缀不起作用。

这是我的 postcss.config.js，它适用于诸如 flexbox 之类的东西。

如何启用 CSS 网格支持？

module.exports = {
  plugins: [
    require('autoprefixer')
  ]
}

最佳答案

默认情况下，autoprefixer 不为网格属性添加前缀。

查看 autoprefixer documentation:



设置 options 的语法如下所示:

const autoprefixer = require('autoprefixer');
const plugin = autoprefixer({ grid: true });
module.exports = { plugins: [ plugin ] }

话虽如此，MDN 有关于网格属性的自动前缀的说法:



此外，Rachel Andrew 写了 a thorough post 关于这个话题

在那篇文章中，她注意到以下几点:

关于webpack 上对 autoprefixer 的 CSS 网格支持，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/47305238/