[Bug]: Unable to recognize the less variable in the third-party library (like component library) about rspack HOT 4 CLOSED

this file is a css file other than a less file and the highlighted variable is a css variable as well.

min(1 * var(--dls-transition-from-y, 0), 0) is not valid in less by default.

please separate rules for less and css. e.g.,

[
    {
        test: /\.css$/,
        use: [
            {
              loader: 'style-resources-loader',
              options: {
                 // ...
              }
          }
        ],
        type: 'css'
    },
    {
        test: /\.less$/,
        use: [
            'less-loader',
            {
              loader: 'style-resources-loader',
              options: {
                 // ...
              }
          }
        ],
        type: 'css'
    },
]

or setting the math option of less.js to parens

    {
        test: lessRule,
        use: [
            {
                loader: 'less-loader',options: {lessOptions: {math: 'parens'}}
            },
            {
              loader: 'style-resources-loader',
              options: {
                 // ...
              }
          }
        ],
        type: 'css'
    },

from rspack.

Fail to build because node_modules of packages/* are lost.

from rspack.

Fail to build because node_modules of packages/* are lost.

It has been updated. Please take a look

node_modules download address and project start method: https://jzq422bol5.feishu.cn/wiki/Pe7pwcmdaitTBNk18vKcXuQjnth?from=from_copylink

from rspack.

this file is a css file other than a less file and the highlighted variable is a css variable as well.

min(1 * var(--dls-transition-from-y, 0), 0) is not valid in less by default.

please separate rules for less and css. e.g.,

[
    {
        test: /\.css$/,
        use: [
            {
              loader: 'style-resources-loader',
              options: {
                 // ...
              }
          }
        ],
        type: 'css'
    },
    {
        test: /\.less$/,
        use: [
            'less-loader',
            {
              loader: 'style-resources-loader',
              options: {
                 // ...
              }
          }
        ],
        type: 'css'
    },
]

or setting the math option of less.js to parens

    {
        test: lessRule,
        use: [
            {
                loader: 'less-loader',options: {lessOptions: {math: 'parens'}}
            },
            {
              loader: 'style-resources-loader',
              options: {
                 // ...
              }
          }
        ],
        type: 'css'
    },

Thanks a lot

from rspack.