Vue如何使用less

第一步 在package.json中加入以下两句话

"less": "^2.7.2",
    "less-loader": "^4.0.4",

第二步在webpack.base.conf。js中 module的relus属性下加入

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

最后在。vue文件当中 搞定了

<style scoped lang="less">
#a{
  color: red;
  span{
    color: yellow;
  }
}
</style>