vue中使用less

第一步：

安裝less依賴

npm install less less-loader --save

第二步：

修改build/webpack.base.conf.js文件，配置loader加載依賴，讓其支持外部的less,在原來的代碼上添加

{
  test: /\.less$/,
  loader: "style-loader!css-loader!less-loader",
},

然後在使用的時候在style標籤里加上lang=”less”裏面就可以寫less的代碼了

<style lang="less">
  
</style>

關於webstorm裏使用less標紅的問題，這樣配置就可以解決了

<style lang="less" type="text/less">

</style>