webpack中less配置与编译

首先通过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'

})
  
}
]

}