首先通过npm安装less和less-loader
npm install less --save-dev
npm install less-loader --save-dev
然后在webpack中配置less-loader:
modules:{
rules:[
{
test:/\.vue$/,
loader:'vue-loader',
options:{
loaders:{
less:ExtractTextPlugin.extract({
use:['css-loader','less-loader'],
fallback:'vue-style-loader'
}),
css:ExtractTextPlugin.extract({
use:['css-loader','less-loader'],
fallback:'vue-style-loader'
})
}
}
},
{
text:/\.less$/,
use:ExtractTextPlugin.extract({
use:['less-loader']
,
fallback:'style-loader'
})
}
]
}