未应用自动前缀选项

编程问答 2022-06-01

问题描述

我想在不使用任何构建工具的项目中使用 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 (将#修改为@）

autoprefixerfrontendnpmnpmnpmpostcss