要解决这个问题,你可以使用Autoprefixer的JavaScript API来手动配置Autoprefixer,以便它不会添加厂商前缀。以下是一个示例代码:
const autoprefixer = require('autoprefixer');
const options = {
overrideBrowserslist: ['last 2 versions'],
cascade: false,
remove: false
};
const processor = autoprefixer(options);
const prefixedCSS = processor.process('your CSS code').css;
console.log(prefixedCSS);
在示例代码中,我们首先导入了Autoprefixer模块,并定义了一些配置项。overrideBrowserslist
指定了要支持的浏览器版本,cascade
设置为false
表示不要对生成的CSS进行缩进和排序,remove
设置为false
表示不要删除过时的前缀。
然后,我们使用Autoprefixer的process
方法来处理CSS代码。最后,我们将处理后的CSS打印到控制台上。
注意:在使用示例代码之前,确保你已经安装了autoprefixer
模块,可以使用以下命令进行安装:
npm install autoprefixer