webpack：“utoprefixer：将颜色调整替换为打印颜色调整。颜色调整简写目前已弃用”

Question

我有一个简单的 webpack 样板

main.scss

@import "~bootstrap/scss/bootstrap";

packages.json

"engines": {
    "node": "14.18.1",
    "npm": "6.14.15"
},
"devDependencies": {
    "@babel/core": "^7.17.12",
    "@babel/preset-env": "^7.17.12",
    "@popperjs/core": "^2.11.5",
    "babel-loader": "^8.2.5",
    "bootstrap": "^5.1.3",
    "bootstrap-icons": "^1.8.2",
    "css-loader": "^6.7.1",
    "html-loader": "^3.1.0",
    "html-webpack-plugin": "^5.5.0",
    "jquery": "^3.6.0",
    "mini-css-extract-plugin": "^2.6.0",
    "postcss": "^8.4.13",
    "postcss-loader": "^6.2.1",
    "postcss-preset-env": "^7.5.0",
    "sass": "^1.51.0",
    "sass-loader": "^12.6.0",
    "style-loader": "^3.3.1",
    "ts-loader": "^9.3.0",
    "typescript": "^4.6.4",
    "webpack": "^5.72.1",
    "webpack-cli": "^4.9.2",
    "webpack-dev-server": "^4.9.0"
},
"dependencies": {
    "@fortawesome/fontawesome-free": "^6.1.1",
    "autoprefixer": "10.4.5"
}

在构建时我有这个

编译有问题：X

WARNING in ./src/styles/main.scss (./src/styles/main.scss.webpack[javascript/auto]!=!./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/styles/main.scss)

Module Warning (from ./node_modules/postcss-loader/dist/cjs.js):
Warning

(2422:3) autoprefixer: Replace color-adjust to print-color-adjust. The color-adjust shorthand is currently deprecated.

Answer 1

尝试手动编辑 node_modules 文件夹中的 bootstrap.min.css 文件。用打印颜色调整替换颜色调整。它帮助了我。