En la actualidad, se espera que todos los archivos .less se carguen como módulos y javascript habilitado desde la configuración del paquete web.

Por lo tanto, necesitamos cargar hojas de estilo como

formulario de estilo de importación './styles.less'

Uso: {estilo.contenedor}

Entonces, con esto, no podemos aplicar temas globales en su ámbito.

¿Podemos tener una opción sin un alcance también junto con el alcance como una opción provista?

A continuación se muestra la configuración:

 { loader: 'less-loader', options: { javascriptEnabled: true, modifyVars: themeVariables } }

Y la configuración del css-loader para el mismo es la siguiente:

 { loader: 'css-loader', options: { importLoaders: 2, modules: true, camelCase: true, localIdentName: '[name]__[local]', getLocalIdent: ( loaderContext, localIdentName, localName, options ) => { if (!options.context) { options.context = loaderContext.rootContext; } const request = path .relative(options.context, loaderContext.resourcePath) .replace(/\\/g, '/'); const segs = request.split('/'); let name = segs[segs.length - 2]; if (name === 'style') { name = segs[segs.length - 3]; } return name + '_' + localName; } } },

La expectativa es cargar archivos .less sin usar variables

 import './styles.less'

Uso : '.contenedor'

Intenté agregar exportGlobals: true, para las opciones de css-loader pero arroja un error ya que las options should NOT have additional properties