PostCSS进阶插件和技巧：CSSNano优化和压缩CSS

// 导入PostCSS插件
const postcss = require('postcss');
const cssnano = require('cssnano');
 
// 创建一个PostCSS实例，包含CSSNano插件
const processor = postcss([
    cssnano({
        preset: 'default',
    })
]);
 
// 读取CSS内容
const cssContent = `
    /* 示例CSS代码 */
    h1 {
        color: #000;
        font-size: 20px;
        font-weight: bold;
    }
`;
 
// 使用PostCSS处理CSS内容
processor.process(cssContent, { from: undefined })
    .then(result => {
        // 输出优化后的CSS代码
        console.log(result.css);
    })
    .catch(error => {
        // 处理错误
        console.error(error);
    });

这段代码演示了如何使用PostCSS和CSSNano插件来优化和压缩CSS代码。首先导入必要的模块，然后创建一个PostCSS实例，并通过它来处理CSS内容。代码中的CSSNano插件使用了默认的配置选项，并对CSS内容进行了优化和压缩。最终，输出优化后的CSS代码或处理错误。