如何解决未应用自动前缀选项
我想在不使用任何构建工具的项目中使用 Autoprefixer,所以我继续使用 postcss-cli。 它工作正常,我得到带有前缀的输出,但我不知道如何应用 Autoprefixer 选项。
package.json
"dependencies": {
"autoprefixer": "^10.1.0","postcss": "^8.2.2","postcss-cli": "^8.3.1"
},"scripts": {
"build:css": "postcss src/index.css --use autoprefixer -d build/"
}
postcss.config.js
module.exports = {
plugins: [
require('autoprefixer')({
overridebrowserslist: [
"ie >= 9" //just an example to see if it works
],grid: true
})
]
}
但是,当我检查 npx autoprefixer --info
时,浏览器列表是默认列表:
browsers:
Chrome for Android: 87
Firefox for Android: 83
And_qq: 10.4
UC for Android: 12.12
Android: 81
Baidu: 7.12
Chrome: 87,86,85
Edge: 87,86
Firefox: 84,83,82,78
IE: 11
iOS: 14.0-14.2,13.4-13.7,12.2-12.4
Kaios: 2.5
Opera Mini: all
Opera Mobile: 59
Opera: 72,71
Safari: 14,13.1
Samsung: 13.0,12.0
那么为什么我的配置不起作用? 提前致谢!
更新:
发现脚本应该是 "build:css": "postcss src/index.css -d build/"
,不需要包含 --use autoprefixer
,因为它应该在没有 postcss 配置文件时使用。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。