我从一个外部模块收到一个编译警告。这导致我的构建失败,这很烦人:
在./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问题?如何正确地忽略这些警告?
1条答案
按热度按时间zxlwwiss1#
结果我问得太早了。使用CRACO的方法是将其添加到
configure
属性:我把这个留在这里,以防万一,它可能会帮助其他人。