webpack - Autoprefixer 不使用带有 cssnano 和 postcss 的“grid: autoplace”

Question

我们正在使用带有 cssnano 和 autoprefixer 的 postcss。我的问题是 postcss 在我的postcss.config.js.

这是我的 postcss.config.js：

const cssnano = require('cssnano');
const mqpacker = require('css-mqpacker');
const postcssPresetEnv = require('postcss-preset-env');

module.exports = (ctx) => ({
  map: ctx.options.map,
  parser: false,
  plugins: [
    postcssPresetEnv(),
    mqpacker({ sort: true }),
    cssnano({
      preset: [
        'advanced',
        {
          autoprefixer: {
            add: true,
            grid: 'autoplace',
          },
          reduceIdents: false,
          zindex: false,
        },
      ],
    }),
  ],
});

另一方面，当我添加/* autoprefixer grid: autoplace */到我的 css 文件并运行时：

postcss ./dist/*.css --verbose > test.css

Postcss 使用网格并添加-ms前缀。为什么忽略配置文件中的属性？

标签： webpackgridpostcssautoprefixercssnano