nuxt.js服务端渲染中less的配置和使用

第一步：

npm 安装 less 和 less-loader ，文件根目录下安装，指令如下

npm install less less-loader --save-dev

 

第二步：

直接在组件中使用

<template>
  <div class="my">my
    <div class="myy">111</div>
  </div>
</template>
<script>
export default {
  created () {

  },
  methods: {

  }

}
</script>
<style lang="less" scoped>
.my {
  .myy {
    background-color: red;
    width: 150px;
    height: 150px;
  }
}
</style>