How to introduce less file into Vue-cli creation project

since vue-cli encountered difficulties in creating the project, I introduced the less file into the style code in the APP.vue file, because I have installed less,less-loader-D , and the result indicates an error.

vue-style-loader -Dcss-loader,style-loader,less,less-loader

vue-cliwebpack.base.conf.js

Less vue-cli

Mar.22,2021

these two should also be installed

install less less-loader
set util

return {
    css: generateLoaders(),
    postcss: generateLoaders(),
    less: generateLoaders('less'),
    sass: generateLoaders('sass', { indentedSyntax: true }),
    scss: generateLoaders('sass'),
    stylus: generateLoaders('stylus'),
    styl: generateLoaders('stylus')
  }

is:

return {
    css: generateLoaders(),
    postcss: generateLoaders(),
    less: generateLoaders('less',{ javascriptEnabled: true }),
    sass: generateLoaders('sass', { indentedSyntax: true }),
    scss: generateLoaders('sass'),
    stylus: generateLoaders('stylus'),
    styl: generateLoaders('stylus')
  }

is fine
author vue-cli version 2.9.6

Previous: The time component problem (cancel time) of the Mint Ui framework in the vue project?

Next: Should vue get back-end data in created or mounted method?

How to configure webpack in vue-cli to compile less- > css separately
In the project, you need a set of stylesheets that cover some common styles. What I hope to achieve is: write a single style.less to generate style.css, in real time style.less .btn{ ... } reference in the html tag <a class="btn"&...

Css vue-loader less vue-cli webpack

Mar.03,2021