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
these two should also be installed
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?
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"&...