Vue-CLI 3: Как включить файлы LESS вне каталога / src в пакет веб-пакета?

Question

Я ищу способ включения файлов .less, которые находятся за пределами каталога / src моего проекта Vue-Cli, в мой пакет веб-пакетов.Нужно, чтобы эти файлы .less включались только в в режиме «разработки» .

При сборке в производственной среде нам нужно будет ссылаться на внешнюю папку для стилей, которые выглядят следующим образом: / assets / styles / main.css

Структура каталогов:

Vue-Project
|-- /Styles
|   `-- app
|       `-- styles
|           |-- main.less
|           `-- atoms/modules/etc
|               `-- *.less
|-- /src
`-- vue.config.js

Должен ли я быть Сеть WebPack или Обновление параметров загрузчика ?

vue.config.js:

module.exports = {
  lintOnSave: false,

  configureWebpack: config => {
    if (process.env.NODE_ENV === "production") {
      // mutate config for production...
    } else {
      // mutate for development...

      // CONFIG LESS FILES HERE?

    }
  }
};

Пробовал следующее, но не работало:

css: {
    loaderOptions: {
      less: {
        data: `@import "@/styles/main.less";`
        // @imported .less files from Styles/app/styles/main.less etc into src/styles/main.less
      }
    }
  }

Любое руководство по этому вопросу высоко ценится.