webpack less-loader css modules fail about less-loader HOT 5 CLOSED

Look at error message, you apply less-loader twice

from less-loader.

And do not spam pings

from less-loader.

Solutions:

        test: /\.module\.less$/,
        use: [
          "vue-style-loader",
          {
            loader: "css-loader",
            options: {
              modules: true,
              localIdentName: "[local]_[hash:base64:8]",
            },
          },
          "less-loader",
        ],
      },
      {
        test: /\.less$/,
        exclude: /\.module\.less$/
        use: [
          "vue-style-loader",
          {
            loader: "css-loader",
            options: {
              modules: false,
            },
          },
          "less-loader",
        ],
      },

from less-loader.

Solutions:

        test: /\.module\.less$/,
        use: [
          "vue-style-loader",
          {
            loader: "css-loader",
            options: {
              modules: true,
              localIdentName: "[local]_[hash:base64:8]",
            },
          },
          "less-loader",
        ],
      },
      {
        test: /\.less$/,
        exclude: /\.module\.less$/
        use: [
          "vue-style-loader",
          {
            loader: "css-loader",
            options: {
              modules: false,
            },
          },
          "less-loader",
        ],
      },

Thank you very much. It really solved my problem. But I would like to ask again, for example,. module.less should not have hit my first rule, and then it will not match again? I also specially wrote this rule before less in order to match module.less as soon as possible.

from less-loader.

Order doesn't matter here, only test make sense

from less-loader.