在节点配置中使用自动前缀

Question

当我尝试使用autoprefixer为我的CSS加上前缀时，我陷入了所遇到的错误中。以下是我的package.json文件。Screenshot

{
  "name": "natours",
  "version": "1.0.0",
  "description": "Landing page for natours",
  "main": "index.js",
  "scripts": {
    "watch:sass": "node-sass sass/main.scss css/style.css -w",
    "compile:sass": "node-sass sass/main.scss css/style.comp.css",
    "concat:css": "concat -o css/style.concat.css css/icon-font.css css/style.comp.css",
    "prefix:css": "postcss --use autoprefixer -b 'last 5 versions' css/style.concat.css -o css/style.prefix.css"
  },
  "author": "Kenny",
  "license": "ISC",
  "devDependencies": {
    "autoprefixer": "^9.7.1",
    "concat": "^1.0.3",
    "node-sass": "^4.12.0",
    "postcss-cli": "^6.1.3"
  }
}

Answer 1

我认为您需要调整命令行参数的顺序。

通过查看documentation，其中一个示例如下所示：

postcss <input.css>... [OPTIONS] --dir <output-directory>

因此，如果将输入文件移至开头，则可能会达到目的：

postcss css/style.concat.css --use autoprefixer -b 'last 5 versions' -o css/style.prefix.css