postcss

作者：若此生已赞。发布日期:2025-03-08 浏览:66

// PostCSS 示例代码

// 引入 PostCSS 和一些插件
const postcss = require('postcss');
const autoprefixer = require('autoprefixer');

// 定义 CSS 代码
const css = `body {
    display: flex;
}`;

// 使用 PostCSS 处理 CSS
postcss([ autoprefixer ])
    .process(css, { from: undefined })
    .then(result => {
        console.log(result.css);
        // 输出处理后的 CSS
        // body {
        //     display: -webkit-box;
        //     display: -ms-flexbox;
        //     display: flex;
        // }
    });

这段代码展示了如何使用 PostCSS 及其插件 autoprefixer 来处理 CSS。它会自动为 CSS 属性添加浏览器前缀，以确保更好的兼容性。

上一篇：css animation

下一篇：css动画