ignoreWarnings对CRACO和webpack 5无效

pdkcd3nj  于 2023-05-07  发布在  Webpack
关注(0)|答案(1)|浏览(266)

我从一个外部模块收到一个编译警告。这导致我的构建失败,这很烦人:
在./node_modules/@private_team/library/styles/css/min/beam.min.css(./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].oneOf[5].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].oneOf[5].use[2]!./node_modules/@private_team/library/styles/css/min/beam.min.css)模块警告(来自./node_modules/postcss-loader/dist/cjs.js):警告
(1206:125827)autofixer:end值具有混合支持,请考虑使用flex-end
我正在做一个由create-react-app发起的项目,现在正在运行react-scripts 5,它在后台使用了webpack 5。我们使用craco来定制一些东西,所以我可以在我的webpack配置中添加一些定制。我的craco.config.js看起来像这样:

const NodePolyfillPlugin = require("node-polyfill-webpack-plugin");

module.exports = {
  webpack: {
    resolve: {
      extensions: [".ts", ".tsx", ".jsx", ".js"]
    },
    // the @private_team/library package was causing errors, which this fixed:
    alias: {
      "react/jsx-runtime": "react/jsx-runtime.js",
      "react/jsx-dev-runtime": "react/jsx-dev-runtime.js"
    },
    // this is what webpack says to add, but its not helping
    ignoreWarnings: [
      {
        message: /autoprefixer/
      }
    ],
    plugins: [
      new NodePolyfillPlugin({
        excludeAliases: ["console"]
      })
    ]
  },
  plugins: [
    ...
  ]
};

我试图在这里添加ignoreWarnings,但无论我使用什么变体,这些警告仍然存在于我的控制台中。我试过一些变化,比如:

ignoreWarnings: [
      {
        text: /flex/
      }
    ],

 ignoreWarnings: [
      {
        module: /node_modules/
      }
    ],

 ignoreWarnings: [
      {
        module: /.css&/
      }
    ],

 ignoreWarnings: [/autoprefixer/],

似乎无论我尝试什么,ignoreWarnings都没有响应。我知道正在读取craco.config.js文件,因为alias属性对我遇到的其他一些问题产生了积极的影响。
这里出了什么问题?这是一个craco问题吗?Webpack问题?如何正确地忽略这些警告?

zxlwwiss

zxlwwiss1#

结果我问得太早了。使用CRACO的方法是将其添加到configure属性:

module.exports = {
  webpack: {
    ...,
    configure: {
      ignoreWarnings: [{ module: /.css$/ }]
    },
  },
  ...
};

我把这个留在这里,以防万一,它可能会帮助其他人。

相关问题