1. Установите зависимости в проекте
npm i less less-loader -s -D
2. Установите зависимости конфигурации в проекте
npm i style-resources-loader vue-cli-plugin-style-resources-loader -s -D
3. Пишите глобально меньше
4. Настройте веб-пакет в vue.config.js.
const path = require('path')
module.exports = {
pluginOptions: {
'style-resources-loader': {
preProcessor: 'less',
patterns: [
path.resolve(__dirname, './src/assets/styles/common.less')
]
}
}
}
5. Просто укажите его прямо в компоненте