如何添加更少的加载程序来响应-应用程序重新连线配置？

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-app-rewired：“^2.2.1”
• 减："^4.1.2"
• less-loader："^10.2.0"
• react-scripts："^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
}