Ошибка при подключении less-loader в Vue
Нужно разрешить использование js в стилях, поэтому по мануалам сделал так:
// vue.config.js
module.exports = {
configureWebpack: {
module: {
rules: [
{
test: /\.less$/,
use: [{
loader: 'vue-style-loader'
},
{
loader: 'css-loader'
},
{
loader: 'less-loader', options: {
javascriptEnabled: true
}
}
]
}
]
}
}
}
App.vue сгенерирован vue-cli, и без вышеописанного все работает нормально, но с вышеописанным получаю такую ошибку:
in ./src/App.vue?vue&type=style&index=0&id=7ba5bd90&lang=less&rel=stylesheet%2Fless
Syntax Error:
// load the styles
var content = require("!!../node_modules/css-loader/dist/cjs.js!../node_modules/less-loader/dist/cjs.js??ref--12-2!../node_modules/cache-loader/dist/cjs.js??ref--0-0!../node_modules/vue-loader-v16/dist/index.js??ref--0-1!./App.vue?vue&type=style&index=0&id=7ba5bd90&lang=less&rel=stylesheet%2Fless");
^
Unrecognised input
in C:\gui\src\App.vue?vue&type=style&index=0&id=7ba5bd90&lang=less&rel=stylesheet%2Fless (line 4, column 12)
@ ./node_modules/vue-style-loader??ref--10-oneOf-1-0!./node_modules/css-loader/dist/cjs.js??ref--10-oneOf-1-1!./node_modules/vue-loader-v16/dist/stylePostLoader.js!./node_modules/postcss-loader/src??ref--10-oneOf-1-2!./node_modules/less-loader/dist/cjs.js??ref--10-oneOf-1-3!./node_modules/vue-style-loader!
./node_modules/css-loader/dist/cjs.js!./node_modules/less-loader/dist/cjs.js??ref--12-2!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader-v16/dist??ref--0-1!./src/App.vue?vue&type=style&index=0&id=7ba5bd90&lang=less&rel=stylesheet%2Fless 4:14-576 14:3-18:5 15:22-584
@ ./src/App.vue?vue&type=style&index=0&id=7ba5bd90&lang=less&rel=stylesheet%2Fless
@ ./src/App.vue
@ ./src/main.js
@ multi (webpack)-dev-server/client?http://192.168.0.2:8080&sockPath=/sockjs-node (webpack)/hot/dev-server.js ./src/main.js