如何添加更少的加载程序来反应应用程序的重新布线配置

Question

我正在使用重新连接的react应用程序，我想在config-overides.js中添加较少的加载程序，但它不起作用，

我试过

module.exports = {
module: {
rules: [
{
test: /.less$/i,
loader: [
// compiles Less to CSS
"style-loader",
"css-loader",
"less-loader",
],
},
],
},
};

和

module.exports = function override(config, env) {
config.module.rules[1].oneOf.push({
test: /.less$/,
use: [
{
loader: "style-loader",
},
{
loader: "css-loader", // translates CSS into CommonJS
},
{
loader: "less-loader", // compiles Less to CSS
},
],
})

但什么都不管用，请帮忙吗？

正在使用：

• react应用程序重新布线："^2.2.1">
• 减去："^4.1.2">
• 较少装载器："^10.2.0">
• react脚本："^5.0.0〃

Answer 1

它与一起工作

module.exports = function override(config, env) {
config.module.rules[1].oneOf.splice(2, 0, {
test: /.less$/i,
exclude: /.module.(less)$/,
use: [
{ loader: "style-loader" },
{ loader: "css-loader" },
{
loader: "less-loader",
options: {
lessOptions: {
javascriptEnabled: true,
},
},
},
],
})
return config
}