npm自动修复器在我的前端标记项目中不起作用。

Question

我正试图在我的前端项目中使用自动修复器，但它并没有像预期的那样工作。

{
  "name": "frontend",
  "version": "1.0.0",
  "main": "index.js",
  "repository": "",
  "author": "",
  "scripts": {
    "watch": "sass scss/app.scss styles/app.css -w",
    "prefix:css": "postcss --use autoprefixer -b 'last 10 versions' styles/app.css -o styles/app.min.css",
    "build": "sass scss/app.scss styles/app.min.css --style=compressed"
  },
  "license": "MIT",
  "dependencies": {
    "sass": "^1.52.3"
  },
  "devDependencies": {
    "autoprefixer": "^10.4.7",
    "postcss": "^8.4.14",
    "postcss-cli": "^10.0.0"
  }
}

Answer 1

我在interent上找到了答案。此解决方案的源代码

替换JSON中的以下代码：

"browserslist": ["last 10 versions"],
"prefix:css": "postcss styles/app.css --use=autoprefixer --map=false --output=styles/app.prefix.css",

详细信息：

{
  "name": "frontend",
  "version": "1.0.0",
  "main": "index.js",
  "repository": "",
  "author": "",
  "browserslist": ["last 10 versions"],
  "scripts": {
    "watch": "sass scss/app.scss styles/app.css -w",
    "prefix:css": "postcss styles/app.css --use=autoprefixer --map=false --output=styles/app.prefix.css",
    "build": "sass scss/app.scss styles/app.min.css --style=compressed"
  },
  "license": "MIT",
  "dependencies": {
    "sass": "^1.52.3"
  },
  "devDependencies": {
    "autoprefixer": "^10.4.7",
    "postcss": "^8.4.14",
    "postcss-cli": "^10.0.0"
  }
}