美文网首页
Vue如何使用less

Vue如何使用less

作者: wyq_0bed | 来源:发表于2017-07-20 17:44 被阅读0次

第一步 在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>


相关文章

网友评论

      本文标题:Vue如何使用less

      本文链接:https://www.haomeiwen.com/subject/ixjjkxtx.html