¿Alguna idea de por qué este webpack.config.js no está configurando la variable LESS global: current-vehicle definido en: /resources/scripts/theme.js ?

/webpack.config.js

 const merge = require("webpack-merge"); const path = require("path"); const baseConfig = require("laravel-mix/setup/webpack.config"); require('dotenv').config(); /** * Update the output directory and chunk filenames to work as expected. * * @param {object} config - The webpack config * * @return {object} The updated webpack config */ const addOutputConfiguration = config => { const publicPath = process.env.CDN_URL + '/js/'; return merge(config, { output: { path: path.resolve(__dirname, "public/cdn/js"), publicPath, chunkFilename: "[name].js" }, module: { loaders: [ { loader: 'less-loader', options: { modifyVars: require("./resources/scripts/theme") } }, ], }, }); }; module.exports = addOutputConfiguration(baseConfig);

Aquí tenéis el repositorio completo: https://github.com/tlg-265/issue-import-less.local

Configuración

 $ git clone https://github.com/tlg-265/issue-import-less.local $ cd issue-import-less.local $ npm i $ npm run watch Then open with the browser (you do NOT need a server).

Esa variable LESS : current-vehicle se lee aquí:

https://github.com/tlg-265/issue-import-less.local/blob/master/resources/assets/js/components/controls/ModalWindow/ModalWindow.less#L1

Cuando haces: $ npm run watch , obtienes el error: Variable @current-vehicle is undefined , como puedes ver en la siguiente captura de pantalla:

Idealmente, cuando lo ejecute, debería obtener lo siguiente en el navegador:

y al hacer clic en el enlace, debe obtener:

pero desafortunadamente no he podido llegar allí todavía.

¿Alguna idea sobre cómo hacer que funcione?

¡Gracias por adelantado!