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

版权声明:前端菜鸟--人间草木所有 https://blog.csdn.net/qq_43258252/article/details/88663894

第一步:

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>

猜你喜欢

转载自blog.csdn.net/qq_43258252/article/details/88663894