停止cssnano v4向命名网格区域添加引号

Question

cssnano v4将命名网格区域转换为带引号的字符串，而不是custom-identifiers，例如：

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

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

生成值字符串会破坏css网格功能。

Answer 1

将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: {},
        },
      ],
    }),
  ],
};