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

最新推荐文章于 2024-07-20 23:56:17 发布

人间草木96

最新推荐文章于 2024-07-20 23:56:17 发布

阅读量8.2k

点赞数 1

分类专栏：个人总结 nuxt

本文链接：https://blog.csdn.net/qq_43258252/article/details/88663894

版权

个人总结同时被 2 个专栏收录

118 篇文章 2 订阅

订阅专栏

nuxt

8 篇文章 0 订阅

订阅专栏

第一步：

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>