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

  

 

  
1
 

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);
}
*/


  

 

  
1
  
2
  
3
  
4
  
5
  
6
  
7
  
8
  
9
  
10
  
11
  
12
  
13
  
14
  
15
  
16
  
17
  
18
  
19
  
20
  
21
  
22
  
23
  
24
  
25
  
26
  
27
  
28
  
29
  
30
  
31
 

文章来源: pengshiyu.blog.csdn.net，作者：彭世瑜，版权归原作者所有，如需转载，请联系作者。

原文链接：pengshiyu.blog.csdn.net/article/details/113859603