JS:样式转换工具PostCSS使用浏览器前缀插件autoprefixer

PostCSS 是一个允许使用 JS 插件转换样式的【工具】


autoprefixer 添加了 vendor 浏览器前缀的【插件】


PostCSS 文档:https://github.com/postcss/postcss/blob/main/docs/README-cn.md


PostCSS Github: https://github.com/postcss/postcss


安装

npm i postcss autoprefixer

Node.js使用代码实例

// 引入工具和插件
const Postcss = require("postcss");
const Autoprefixer = require("autoprefixer");


// 设置插件
const processor = Postcss([Autoprefixer]);

// 处理css
const css = `
.box{
    transform: scale(0.5);
}
`;

processor.process(css, { from: undefined }).then(result => {
  result.warnings().forEach(warn => {
    console.warn(warn.toString());
  });

  console.log(result.css);
});

/*
输出:
.box{
    -webkit-transform: scale(0.5);
            transform: scale(0.5);
}
*/
上一篇:Android 使用ViewPager实现类似gallery画廊的效果(画廊效果之ViewPager显示多个图片)


下一篇:8-20学习练习[用两个tableview实现类似省市联动选择效果]