Блог

cssnano v4 превращает именованные области сетки в строки, заключенные в кавычки, вместо пользовательских идентификаторов, например:

 /* input */
header {
  grid-area: header;  
}

/* output */
header {
  grid-area: "a";  
}
  

Создание строк значений нарушает функциональность css grid.

Установите reduceIdents gridTemplate значение false :

 
// postcss.config.js

module.exports = {
  plugins: [
    require('postcss-import')(),
    require('postcss-url')(),
    require('cssnano')({
      preset: [
        'advanced',
        {
          discardComments: {
            removeAllButFirst: true,
          },
          reduceIdents: {
            gridTemplate: false,
          },
          autoprefixer: {},
        },
      ],
    }),
  ],
};